[pyroxar]

Mam plik *svg z logo załadowany w <img>, z tekstem alternatywnym.

<img src={ logo_blue } alt={ t('t126', { ns: 'common' }) } />

Chcę zmienić jego kolor w CSS za pomocą mask, dlatego usuwam parametr src, ale jeśli ładowane jest background-image w CSS, to pojawia się tekst z alt. Nie mogę tego obejść inaczej niż przez usunięcie tekstu alternatywnego i zmiany img na div?

#html #css #webdev

Tu przykład:
https://jsfiddle.net/KuhlTime/2j8exgcb/

[vytah]

@pyroxar: Kolor obrazka można zmienić w CSS przy pomocy kilku innych rzeczy:
* filtry CSS: https://codepen.io/sosuke/pen/Pjoqqp https://developer.mozilla.org/en-US/docs/Web/CSS/filter
* filtry SVG: https://developer.mozilla.org/en-US/docs/Web/SVG/Element/feColorMatrix

<svg>
<filter id="unique-45345345345">
<feColorMatrix
in="SourceGraphic"
type="matrix"
values="
0 0 0 0 1
0 0 0 0 0.5
0 0 0 0 0
0 0 0 1 0
"/>
</filter>
</svg>
<img
style="filter:url(#unique-45345345345)"
src="https://img.icons8.com/stackoverflow"
/>

[H0nney]

@pyroxar: Kolor SVG możesz też zmieniać ustawiająć wartość FILL na "currentcolor" w pliku svg, wtedy color: #000