Aha, ja, es sieht so aus, als ob das der Grund ist, warum die Änderungen nichts bewirkt haben – es gibt kein tatsächliches <svg>-Tag. Ich glaube nicht, dass es ein Fehler ist, dass die Komponente es in ein <img>-Tag gesetzt hat. Das ist nur eine der Möglichkeiten, eine SVG anzuzeigen, aber es macht das Styling schwieriger. Wenn Sie Zugriff auf die SVG-Dateien selbst haben, können Sie dort die Strich- oder Füllfarbe ändern (es wäre ein Attribut wie stroke="black", und es könnte mehr als eines geben).
Wenn Sie die SVG nicht bearbeiten können, können Sie versuchen, CSS-Filter zu verwenden. Diese ermöglichen es Ihnen, bestimmte visuelle Effekte zu einem Element hinzuzufügen. Da sie jetzt schwarz erscheinen, könnten wir versuchen, sie zu invertieren, um weiß zu erhalten.
.custom-header-icon-link img {
filter: invert(100%);
}
Beachten Sie, dass der Selektor jetzt img anstelle von svg sein muss