Мои значки MaterialIcons-Regular исчезают или превращаются в два разных значка, если я применяю какое-либо правило CSS к этому селектору, в то время как в Chrome.
*:first-letter {
color: #000
}
Есть идеи, что здесь может быть не так?
Хотите увидеть, что я имею в виду? Ссылка для открытия в Firefox и в Chrome:
https://jsfiddle.net/z7xmf81u/
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
</head>
<style>
*:first-letter {color: blue;}
h1 {color: blue;}
p {color: red;}
</style>
<body>
<p>test</p>
<i class="material-icons">cloud</i>
<i class="material-icons" style="font-size:48px;">cloud</i>
<i class="material-icons" style="font-size:60px;color:red;">cloud</i>
<i class="material-icons" style="font-size:60px;color:red;">network_check</i>
</body>
</html>
вы можете удалить
*: первая буква {цвет: синий;}
строка по желанию.
Любой обходной путь приветствуется, спасибо