Невозможно изменить цвет шрифта на символ юникода

Question

Действительно маленькая вещь, но у меня есть эти значки календарей на моей странице редактирования Joomla front-end, на кнопках публикации. Для этого я использую символ Unicode U + 1F5D2, но я не могу изменить его цвет с помощью CSS. Я пытаюсь сделать его белым, инспектор браузера говорит, что он белый, но это явно не так.

Я не знаю, должен ли Unicode делать это, и у меня никогда не было проблем с этим, пока я не использовал этот конкретный символ.

Символ вызывается a: before на элементе span с классом = "icon-calendar". Я попытался изменить атрибут цвета на нескольких разных уровнях элемента, включая: before и span, но ни один из них не вступает в силу.

#adminForm a.btn, 
 
#adminForm button.btn { 
 
    background-color: #0e71b8; 
 
    color: #ffffff; 
 
} 
 

 
#adminForm button.btn:before { 
 
    color: #ffffff; 
 
}

Каждый знает, если это должно произойти, и/или как получить вокруг него?

Answer 1

Кажется, что нужно работать с использованием HTML-сущности.

* {background: #000; font-size: 1.4em;} 
 
.cal {color: #fff;}

<span class="cal">&#128197;</span>

Обновлено для: псевдо

Вы должны упоминали псевдо в вашем вопросе.

Глядя на ваш CSS вы arn't ориентации на :before псевдо

#adminForm a.btn:before, 
#adminForm button.btn:before { 
    color: #fff; 
} 

Answer 2

Барт,

проблемы без семейства шрифтов или зависят ваши базы CSS Normalize, но вы можете попробовать ур код «Шрифты Googleapis «это рабочий шрифт для изменения цвета. Извините плохой английский.

См: http://codepen.io/KingRider/pen/QGeMoQ

Почему бы не попробовать плагин «Font Удивительная» лучше всего

http://fontawesome.io/examples/