html - 如何在输入中仅使用占位符斜体

Question

如何将占位符的文本设置为斜体，但当有人在文本框中书写时，文本不应该是斜体。

代码:

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

如何只在占位符而不是整个输入上放置斜体文本？

Answer 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因为我总是忘记怎么做。

编辑:请注意，这些规则不能合并到一个选择器中。它们必须单独声明，如 Dave Kennedy 所述在下面的评论中。