Как сделать только курсор на вкладке

Привет, может кто-нибудь рассказать мне, как я могу сделать только курсор вместо этого, но когда кто-то пишет внутри тестового окна, написанное слово не должно иметь курсив.

MyCode:

<input type="text" id="search" placeholder="Search" style="font-style:italic">

Как я могу наложить курсив на только заполнитель не весь вход?

Ответы

Ответ 1

Конечно. Просто примените стиль к этим правилам CSS:

::-webkit-input-placeholder {
   font-style: italic;
}
:-moz-placeholder {
   font-style: italic;  
}
::-moz-placeholder {
   font-style: italic;  
}
:-ms-input-placeholder {  
   font-style: italic; 
}

Возможно, не все эти правила необходимы. Я всегда просто ссылаюсь на CSS Tricks, потому что я всегда забываю, как это сделать.

Изменить: Обратите внимание, что эти правила не могут быть объединены в один селектор. Они должны быть объявлены отдельно, как указано Дейвом Кеннеди в комментариях ниже.