CSS 中修改placeholder文字的样式
CSS 中修改placeholder文字的样式
越陌度阡
发布于 2020-11-26 16:27:37
发布于 2020-11-26 16:27:37
代码可运行
运行总次数：0
代码可运行
废话不多说，知道你急着用，复制粘贴拿走吧!
/* WebKit, Blink, Edge */
input::-webkit-input-placeholder {
color:red;
}
/* Mozilla Firefox 4 to 18 */
:-moz-placeholder {
color:red;
}
/* Mozilla Firefox 19+ */
::-moz-placeholder {
color:red;
}
/* Internet Explorer 10-11 */
input:-ms-input-placeholder {
color:red;
}
/* Microsoft Edge */
input::-ms-input-placeholder {
color:red;
}简单说明一下:
1.WebKit, Blink, Edge浏览器等需要带上-webkit-前缀，且是双冒号，写的时候还要带上input或是textarea. 2.针对火狐浏览器则有两种写法，都需要带上-moz-前缀。火狐低版本的使用冒号（：），而高版本的使用双冒号（：：）；火狐浏览器不需要带上input或textarea. 3.placeholder属性只在IE10+才支持，IE10、IE11的写法是加上-ms-前缀，使用的是冒号（：），需要带上input或是textarea.
本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
原始发表：2019/03/14 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
腾讯云开发者
