hi,欢迎访问本站!
当前位置: 首页Web前端正文

CSS怎么修改placeholder颜色

墨初 Web前端 669阅读

默认的input placeholder 属性的字体颜色太黑了,就想着用CSS样式去修改一下它,普通的CSS改变字体颜色的方法并不能直接修改 placeholder 提示字体的颜色,查了一下相关的资料,总结了一下修改 placeholder 字体颜色的方法。

CSS 修改 placeholder 提示字体颜色的方法

利用下面的CSS代码,可以修改 placeholder 字体的颜色。

注意:placeholder 是html5中新增加的属性,IE10以及一些老旧的显示器是不支持的。

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

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="73so.com">
<hr>
<input type="text" placeholder="73so.com" id="mo">

运行示例后的图片:

CSS怎么修改placeholder颜色

标签:
声明:无特别说明,转载请标明本文来源!
相关推荐