css3中自定义 placeholder 文本颜色

html5为input添加了原生的占位符属性placeholder,用起来很方便,placeholder默认颜色为浅灰色,如果想改变这个默认颜色,解决方案如下:

::-webkit-input-placeholder { /* WebKit browsers */
  color:#999;
  }
  :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color:#999;
  }
  ::-moz-placeholder { /* Mozilla Firefox 19+ */
  color:#999;
  }
  :-ms-input-placeholder { /* Internet Explorer 10+ */
  color:#999;
  }


您也可以这样:

input::-webkit-input-placeholder { /* WebKit browsers */
color:red;
}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color:red;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
color:red;
}
input:-ms-input-placeholder { /* Internet Explorer 10+ */
color:red;
}



登录 后可发表评论

    最新发布
    聚合数据©版权所有