Yawee

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

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

众所周知,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

One comment

  1. 新闻

    文章不错非常喜欢