Yawee

为input中的placeholder属性修改文本颜色
众所周知，input的placeholder属性文字颜色是默认的灰色，而我们写一个项目难免会遇到设计图里要求它是其...
扫描右侧二维码阅读全文
14
2018/11

为input中的placeholder属性修改文本颜色

  1.  Home
  2. Text  
    3. Share to：

众所周知，input的placeholder属性文字颜色是默认的灰色，而我们写一个项目难免会遇到设计图里要求它是其他颜色的，经我测试，使用input[placeholder]这种写法是没有作用的。

翻阅了一些资料我明白，原来这玩意儿有个专属的伪元素及伪类的写法，直接附上代码

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

这样就可以实现我们想要的效果啦

Last modification：November 14th, 2018 at 08:18 pm
© 允许规范转载
If you think my article is useful to you, please feel free to appreciate

Leave a Comment

2 comments

  1. 不愿意透露姓名的神秘人

    So？
    Reply
  2. 新闻

    文章不错非常喜欢
    Reply