Этот вопрос закрыт для ответов, так как повторяет вопрос Почему svg иконки с одинаковыми стилями отображаются по разному?
@Rimidbit

Почему svg иконки не слушаются стилей?

Доброго времени суток!
Столкнулся с непослушными svg иконками. На сайте больше 20 иконок, всем задан базовый стиль
.site-icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor;
}

Шальные 4 иконки:
2 - arrow-down и home не хотят менять цвет,
2 другие - shopping-cart и smartphone исполняют чудеса с размерами (первая гигантская, вторая мизерная).
Своими глазами все можно увидеть здесь
паблик https://rimidbit.github.io/retroclimate/
архив https://github.com/rimidbit/retroclimate.git
отдельно 4 иконки https://drive.google.com/open?id=1us4MmUjB-G0_rPol...

Если знаешь, отзовись. Очень хочу разобраться с причинами
  • Вопрос задан
  • 105 просмотров
Пригласить эксперта
Ответы на вопрос 1
LenovoId
@LenovoId
what the fuck ?
https://codepen.io/topicstarter/pen/XoqoMK - работает если перепелить по правилам
у вас главная проблема что стили что stroke-width и для stroke и fill указан inline в svg и потому перебить это можно только написав в css любое правило с important
Ответ написан
Ваш ответ на вопрос

Вопрос закрыт для ответов и комментариев

Потому что уже есть похожий вопрос.
Похожие вопросы