input textarea文字颜色

input{ color:#333;}
input::-webkit-input-placeholder{ color:#b7b9cd;}
input:-moz-placeholder{ color:#b7b9cd;}
input::-moz-placeholder{ color:#b7b9cd;}
input:-ms-input-placeholder{ color:#b7b9cd;}

textarea同理。

很多时候设计的要求是input的提示文字和输入的文字需要不一样。

提示文字一般都放在placeholder里面，当用户输入文字的时候其实文字是value里面的。

所以咱们直接给value和placeholder单独设置颜色就可以

input{ color:#333;}

上面的是给value的颜色。

下面的都是给placeholder的颜色，各种浏览器和版本的兼容写法。