Вопрос по css-selectors, css, css3 – Почему я не могу сгруппировать специфичные для браузера CSS-селекторы для разных браузеров?

6

Я просто попытался написать следующее правило для стилизации заполнителя ввода для браузеров, которые его поддерживают:

#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;
}

Почему я не могу сгруппировать специфичные для браузера селекторы или есть другой способ сделать это? Неправильно повторять одни и те же атрибуты дважды для одного и того же элемента.

Update:

Только что нашелэтот ресурс заявляя, что это не может быть сделано, но пока нет информации о том, почему. Кажется странным, что браузер должен отказаться от всего правила только потому, что он не распознает один из селекторов.

Ваш Ответ

3   ответа
0

Error: User Rate Limit Exceeded

Error: User Rate Limit Exceeded
Error: User Rate Limit Exceeded Christofer Eliasson
6

Error: User Rate Limit ExceededError: User Rate Limit Exceeded.

Error: User Rate Limit Exceeded

Error: User Rate Limit ExceededWebKit's behaviorError: User Rate Limit Exceeded::-moz-selectionError: User Rate Limit Exceeded:-moz-placeholderError: User Rate Limit Exceededone of the Chrome devs and CSSWG members just told me that it doesn't seem intentional.
Error: User Rate Limit Exceeded Christofer Eliasson
Error: User Rate Limit Exceeded Christofer Eliasson
0

Error: User Rate Limit Exceeded

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