HTML/CSS

CSS стили для текста в placeholder

CSS стили для атрибута placeholder="" можно задать через псевдокласс ::placeholder и вендорными префиксами для разных браузеров:

  • ::-webkit-input-placeholder
  • ::-moz-placeholder
  • :-moz-placeholder
  • :-ms-input-placeholder
input[type=text]::-webkit-input-placeholder {
    font-size: 12px;
    color: rgb(245, 245, 245);
}
input[type=text]::-moz-placeholder {
    font-size: 12px;
    color: rgb(245, 245, 245);
}
input[type=text]:-moz-placeholder {
    font-size: 12px;
    color: rgb(245, 245, 245);
}
input[type=text]:-ms-input-placeholder {
    font-size: 12px;
    color: rgb(245, 245, 245);
}
input[type=text]::placeholder {
    font-size: 12px;
    color: rgb(245, 245, 245);
}

Placeholder-shown

Также есть псевдокласс :placeholder-shown который позволяет выделить инпут до того как в него будет введен текст.

input[type=text]:placeholder-shown {
    border: 1px solid red;
}
11 октября 2016