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

普拉宾·巴迪亚卡

嗨,任何人都可以告诉我如何只使占位符斜体字出现,但是当有人在测试盒中书写时,书写的字词不应带有斜体字。

我的代码:

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

编辑:请注意,这些规则不能合并为一个选择器。必须按照Dave Kennedy在以下注释中指出的那样分别声明它们

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何在tailwind css中只制作占位符斜体?

如何在垫输入中设置占位符的位置

如何在Symfony 4表单的输入中添加占位符?

我如何在输入字段中添加永久占位符

如何更改css中输入的占位符?

表单输入占位符字段中的HTML仅颜色(*)符号

如何在材料 ui 文本字段中修复输入中的占位符文本

如何在文本输入中的不同行中显示占位符?

如何在JavaFX中设置占位符?

如何在 safari 中显示占位符

如何在TEdit中显示占位符

如何在占位符中添加图标

如何在URL中删除占位符

如何在占位符中添加类?

如何在整个日历中拖动和选择时仅放置占位符

如何在反应中为浮动输入字段启用占位符?

TYPO3-如何在输入字段中添加占位符?

如何在Angular的组件文件中设置输入占位符文本

如何在C#/ MVC 4的Html.TextBoxFor中输入占位符文本

如何在没有JS的Edge中在具有占位符的文本输入中将光标居中?

如何在Angular2中为输入占位符编写* ngIf?

如何在formArray的mat输入的占位符中设置不同的文本?

如何在渲染 ReactJS 中动态创建两个输入占位符

如何在聚合物纸张输入中设置占位符的字体大小?

如何在输入焦点上更改占位符颜色?

ReactJS:如何在选择输入上显示占位符

如何在输入占位符中使用FormattedMessage

如何在选择类型输入中放置占位符?

如何在WordPress中将占位符用于搜索输入