修改placeholder默认颜色

  • 时间:2018-06-25
  • 作者:Charles
  • 热度:3276

处理客户问题时遇到的问题,input输入框需要使用placeholder做个提示,但是它的默认颜色与页面色调反差太大,很不美观,于是值得寻找方法,来修改placeholder的默认颜色,做到与页面协调。

上代码:

    <style>

        input::-webkit-input-placeholder{

            color:#fff;

        }

        input::-moz-placeholder{   /* Mozilla Firefox 19+ */

            color:#fff;

        }

        input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */

            color:#fff;

        }

        input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 

            color:#fff;

        }

    </style>



博主声明

1、本博客主要为原创文章,转载请注明出处。

2、部分文章来自网络,已注明出处,如有侵权请与本人联系。

3、如果文章内容有误,或者您有其他更好的意见、建议请给我留言,我会及时处理!