css设置placeholder的颜色样式的方法

乐观主义者从每一个灾难中看到机遇,而悲观主义都从每一个机遇中看到灾难。无论有多困难,都坚强地抬头挺胸,人生是一场醒悟,不要昨日,不要明天,只要今日。

写前端的一个input输入框的样式时,需要修改一下 input placeholder属性值字体的颜色,网上查了一下非常的简单,但也要记录一下,方便以后查看。

CSS 设置修改 placeholder 的样式的方法

使用下面的CSS选择器,就可以对指定的输入框 placeholder 属性进行设置!

选择器代码:

input::-webkit-input-placeholder{}    /* 使用webkit内核的浏览器 */
input:-moz-placeholder{}                  /* Firefox版本4-18 */
input::-moz-placeholder{}                  /* Firefox版本19+ */
input:-ms-input-placeholder{}           /* IE浏览器 */

注:placeholder 属性是css3中新增加的属性,IE9以及Opera12以下版本的浏览器不支持!

CSS 设置  placeholder 的样式的示例

示例代码:

<style>
#mo:-moz-placeholder{
color:burlywood;
}
#mo::-moz-placeholder{
color:burlywood;
}
#mo::-webkit-input-placeholder{
color:burlywood;
}
#mo:-ms-input-placeholder{
color:burlywood;
}
</style>
<input type="text" placeholder="">
<hr>
<input type="text" placeholder="" id="mo">

运行效果

,css 修改placeholder颜色

以上就是css设置placeholder的颜色样式的方法。嫉妒,是一个人发自心底地对另一个人最大的认可。更多关于css设置placeholder的颜色样式的方法请关注haodaima.com其它相关文章!

您可能有感兴趣的文章
HTML标签之!DOCTYPE文档类型声明

如何使用html+css代码如何实现冰墩墩和雪容融效果

html中checkbox与radio样式美化的简单实例

div设置可编辑内容的方法

DIV拖拽排序的JS插件sortable.javascript