
placeholder颜色设置
一般情况下,placeholder的默认灰色都是不需要设置的,但是如果遇到客户有特殊要求,就没办法了。我爱模板网之前都是用js实现的,模拟placeholder,现在觉得有点麻烦。还不如直接用css去设置。
但是,color只能设置文本框的文字颜色,并不能设置placeholder的颜色,百度了下,用下面的方法,即可完美解决:
01 | input{ color : red ;} /*文字颜色*/ |
02 | input::-webkit-input-placeholder { |
03 | color : #00f ; /* WebKit browsers */ |
04 | } |
05 | input:-moz-placeholder { |
06 | color : #00f ; /* Mozilla Firefox 4 to 18 */ |
07 | } |
08 | input::-moz-placeholder { |
09 | color : #00f ; /* Mozilla Firefox 19+ */ |
10 | } |
11 | input:-ms-input-placeholder { |
12 | color : #00f ; /* Internet Explorer 10+ */ |
13 | } |