2016-12-06 15 views
0

Я хочу, чтобы стиль ввода текста выглядел так же, как и HTML5-заполнитель. Я просто хотел бы знать, каков стиль закладок по умолчанию в css.Каков стиль закладок по умолчанию?

+1

Каждый браузер свободно создавать свои собственные стили по умолчанию. – andi

+0

Если вы хотите стили по умолчанию, тогда не стиляйте элементы ..? – dommmm

ответ

0

Каждый браузер свободно создавать свои собственные стили по умолчанию

Чтобы сделать свой собственный стиль в заполнителе использовать ::-webkit-input-placeholder со всеми стандартами. Вы также можете изменить его OnFocus как input:focus::-webkit-input-placeholder

::-webkit-input-placeholder { /* WebKit, Blink, Edge */ 
 
    color: #909; 
 
} 
 
input:focus::-webkit-input-placeholder { /* WebKit, Blink, Edge */ 
 
    color: red; 
 
} 
 
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
 
    color: #909; 
 
    opacity: 1; 
 
} 
 
::-moz-placeholder { /* Mozilla Firefox 19+ */ 
 
    color: #909; 
 
    opacity: 1; 
 
} 
 
:-ms-input-placeholder { /* Internet Explorer 10-11 */ 
 
    color: #909; 
 
}
<input placeholder="Stack Snippets are awesome!">