改变input标签里placeholder样式的方法

最新推荐文章于 2024-07-08 18:14:28 发布

天山小黎

最新推荐文章于 2024-07-08 18:14:28 发布

阅读量823

点赞数

分类专栏： CSS 文章标签： css

本文链接：https://blog.csdn.net/qq_42732038/article/details/110421502

版权

CSS 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

例如改变placeholder的颜色：

html部分：

<input v-model="userName"  type="text" maxlength="16" placeholder="请输入用户名">
<input v-model="passWord" type="password" placeholder="请输入密码">

css部分：

    input::-webkit-input-placeholder {
        color: #cccccc;
    }

    input::-moz-placeholder {
        /* Mozilla Firefox 19+ */
        color: #cccccc;
    }

    input:-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */
        color: #cccccc;
    }

    input:-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        color: #cccccc;
    }

效果：