码迷,mamicode.com
首页 > Web开发 > 详细

HTML5 input placeholder 颜色修改

时间:2016-10-12 21:52:06      阅读:174      评论:0      收藏:0      [点我收藏+]

标签:

在开发中遇到的一个小问题,记录下来。
/*placehodel*/ input:-ms-input-placeholder{color:#a9a9a9;}/* Internet Explorer 10+ */  input::-webkit-input-placeholder{color:#a9a9a9;}/* WebKit browsers */ input::-moz-placeholder{color:#a9a9a9;}/* Mozilla Firefox 4 to 18 */  input:-moz-placeholder{color:#a9a9a9;}/* Mozilla Firefox 19+ */ 
/*textarea*/备注框
nput::-webkit-input-placeholder, textarea::-webkit-input-placeholder { 
color: #636363; 

input:-moz-placeholder, textarea:-moz-placeholder { 
color: #636363; 

注:有一点特别重要,当你设置input输入后的字体颜色时,不要加上后代选择器,否则在ie里,placehoder的颜色就不显示了(痛的教训!)

HTML5 input placeholder 颜色修改

标签:

原文地址:http://www.cnblogs.com/sun927/p/5954167.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!