首页 > 建站教程 > CSS3+HTML5 >  输入框的placeholder颜色设置方法正文

输入框的placeholder颜色设置方法

placeholder颜色设置
placeholder颜色设置

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