Залить svg свойством fill?

Question

[MashutaKlencheva]

Ситуация: есть кнопка, в которой лежит код svg. Мне нужно изменить значение атрибута fill, который не в path - по hover на родительский button залить fill иным цветом. При этом заливается и другой fill. Подскажите, как сделать? Нужно именно по ховеру на button.

Кодпен прикрепляю.
https://codepen.io/mashutaklencheva/pen/ZEaqzWx?ed...

Comments

[ambisinister One]

transparent измените на pink

[MashutaKlencheva]

ambisinister One, спасибо, этот вариант изменит ситуацию по дефолту, а мне нужно по ховеру.

[MashutaKlencheva]

Я по-иному прописала путь, думаю, вопрос снят.
.tooltip-btn:hover .tooltip-icon {
fill: pink;
}

Answer 1

[slavkapiyavka]

Здравствуйте! Ответ на ваш вопрос лежит в вопросе непосредственно: обратитесь напрямую к svg по наведению на кнопку .tooltip-btn:hover .tooltip-icon, а не ко всем path

Comments

[MashutaKlencheva]

Да, догадалась уже, спасибо!)

Answer 2

[MashutaKlencheva]

.tooltip-btn:hover .tooltip-icon {
fill: pink;
}