修改input里placeholder颜色

最新推荐文章于 2024-09-23 12:00:38 发布

AmberWu

最新推荐文章于 2024-09-23 12:00:38 发布

阅读量4.8w

点赞数 2

分类专栏：技术类文章标签： input placehoder

本文链接：https://blog.csdn.net/AmberWu/article/details/54909451

版权

技术类专栏收录该内容

68 篇文章 1 订阅

订阅专栏

2017年第一天上班！ 开工大吉！

html 如下：

<input type="text" placeholder="请输入密码" />

Chrome支持input=[type=text]占位文本属性所以，对下面这段代码并不起作用，另外，!important只有IE7和firefox能识别！

input[placeholder], [placeholder], *[placeholder] { 
color:#333 !important; 
}

修改input里placeholder颜色的方法有很多，我比较喜欢的一种：

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { 
 /* WebKit browsers */ 
color: #666; 
} 
input:-moz-placeholder, textarea:-moz-placeholder { 
/* Mozilla Firefox 4 to 18 */ 
color: #666; 
} 
input::-moz-placeholder, textarea::-moz-placeholder { 
 /* Mozilla Firefox 19+ */ 
color: #666; 
} 
input:-ms-input-placeholder, textarea:-ms-input-placeholder { 
 /* Internet Explorer 10+ */ 
color: #666; 
}

其他方法有兴趣的同学可以一起交流喔！