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

发布时间：2020-12-14 21:46:50 所属栏目：资源来源：网络整理

导读：嗨，任何人都可以告诉我，如何只做占位符斜体，但是当有人写在测试箱内时，书面的字不应该有斜体。 mycode的： input type="text" id="search" placeholder="Search" style="font-style:italic" 我如何将斜体放在唯一的占位符而不是整个输入？解决方法当然

嗨，任何人都可以告诉我，如何只做占位符斜体，但是当有人写在测试箱内时，书面的字不应该有斜体。

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。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!