有时我们需要处理input或者textarea的placeholder的样式,包括默认状态,focus状态。
顺便吐槽百度搜索的结果,你抄我的我抄你的。。。。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 |
::-webkit-input-placeholder { color: rgba(122, 122, 122, 0.5); } input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { color: #7a7a7a; } /* Firefox < 19 */ :-moz-placeholder { color: rgba(122, 122, 122, 0.5); } input:focus:-moz-placeholder, textarea:focus:-moz-placeholder{ color: #7a7a7a; } /* Firefox > 19 */ ::-moz-placeholder { color: rgba(122, 122, 122, 0.5); } input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { color: #7a7a7a; } /* Internet Explorer 10 */ :-ms-input-placeholder { color: rgba(122, 122, 122, 0.5); } input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder { color: #7a7a7a; } |