html – 如何在输入中只占用占位符斜体

前端之家收集整理的这篇文章主要介绍了html – 如何在输入中只占用占位符斜体前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
嗨,任何人都可以告诉我,如何只做占位符斜体,但是当有人写在测试箱内时,书面的字不应该有斜体。

mycode的:

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

我如何将斜体放在唯一的占位符而不是整个输入?

解决方法

当然。只需将样式应用于这些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

猜你在找的HTML相关文章