首页 > 代码库 > HTML5 input placeholder 颜色修改

HTML5 input placeholder 颜色修改

在开发中遇到的一个小问题,记录下来。
/*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 颜色修改