Я только что попытался написать следующее правило для стилизации заполнителя ввода для браузеров, которые его поддерживают:
#main input::-webkit-input-placeholder,
#main input:-moz-placeholder
{
color: #888;
font-style: italic;
}
Проблема в том, что правило не применяется. Однако, если я разобью его таким образом, он будет работать просто отлично:
#main input::-webkit-input-placeholder
{
color: #888;
font-style: italic;
}
#main input:-moz-placeholder
{
color: #888;
font-style: italic;
}
Почему я не могу группировать селекторы, специфичные для браузера, или есть другой способ сделать это? Неправильно дважды повторять одни и те же атрибуты для одного и того же элемента.
Обновление:
Только что нашел этот ресурс, в котором говорится, что это невозможно сделать, но пока нет информации, почему. Кажется странным, что браузеру приходится отбрасывать все правило только потому, что он не распознает один из селекторов.