修改输入框placeholder的默认文字颜色

最新推荐文章于 2022-09-05 10:42:36 发布

OrangeJuiceMe

最新推荐文章于 2022-09-05 10:42:36 发布

阅读量2k

点赞数

web前端同时被 3 个专栏收录

7 篇文章 0 订阅

订阅专栏

css

4 篇文章 0 订阅

订阅专栏

html5

1 篇文章 0 订阅

订阅专栏

html5为input添加了属性placeholder，高级浏览器都支持这个属性，例如：

<input type="text" placeholder="请输入内容" value=" ">

默认的placeholder字体颜色是呈浅灰色，如果想改变这个默认颜色，解决方案如下：

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #f00;  
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #f00;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #f00;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #f00;
}

以上代码摘自Bootstrap框架的bootstrap.css