Chrome и Opera заполнитель - PullRequest
Новая
       19

Chrome и Opera заполнитель

1 голос
/ 04 сентября 2011

В хроме у меня был такой CSS: 

input::-webkit-input-placeholder{color:blue;}
input:-moz-placeholder{color:blue;}

Мы решили оптимизировать его до: 

input::-webkit-input-placeholder, input:-moz-placeholder{color:blue;}

И заполнитель исчез! Почему это происходит - какая-то ошибка или что?

И другая проблема - это Opera: 'placeholder' в document.createElement ('input') возвращает true. Так что это означает, что это доступно. Но это не показывает.

Остальная часть CSS для ввода (при необходимости): 

input[type=text]{
    color: blue;
    height: 24px; width: 75px;
    padding-left: 24px;
    outline: none;
    background-color: #ABABAB;
    background-image: url('searchtool-1.png');
    background-repeat: no-repeat;
    -webkit-border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
       -moz-border-radius-bottomright: 6px;
       -moz-border-radius-bottomleft: 6px;
            border-bottom-right-radius: 6px;
            border-bottom-left-radius: 6px;
}

Редактировать: демо

1 Ответ

10 голосов
/ 04 сентября 2011

Хотя вы можете смешивать неизвестные свойства CSS, вы не можете смешивать разные неизвестные селекторы CSS.Если браузер видит неизвестный селектор, он игнорирует блок дырок.

Это по спецификации CSS.

Вы также должны использовать: -ms-input-placeholder для IE10.

Opera должна поддерживать заполнитель в элементах ввода.Можешь сделать скрипку?

...