Задать вопрос
@cracker-test

Как изменить цвет svg при наведени?

Есть иконка. Как изменить ее цвет при наведении? В css прописываю свойства, но меняется только контур. Что я делаю не правильно?

color: red;
    fill: red;
    stroke: red;

<svg class="topline__arrow" width="8" height="12" viewBox="0 0 8 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.40039 10.6L2.80039 6L7.40039 1.4L6.00039 -6.1196e-08L0.000390267 6L6.00039 12L7.40039 10.6Z" fill="#00A7B5"></path>
</svg>
  • Вопрос задан
  • 305 просмотров
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 3
@ForSureN1
frontend dev
.topline__arrow:hover path {
    fill: red;
}
Ответ написан
Комментировать
DanielTonne
@DanielTonne
Ответ написан
Комментировать
@cracker-test Автор вопроса
.topline__arrow:hover path {
fill: red;
}
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы