Element-ui下修改input的placeholder的样式

最新推荐文章于 2024-10-20 10:30:37 发布

原创最新推荐文章于 2024-10-20 10:30:37 发布 · 316 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #vue.js

Element UI 专栏收录该内容

4 篇文章

订阅专栏

该代码段定义了CSS样式，用于设置`el-input__inner`组件内placeholder的颜色在各种浏览器下的兼容性，包括WebKit（Chrome）、Firefox以及IE。颜色统一设定为#fff（白色）。

::v-deep .el-input__inner {
    &::placeholder {
        color: #fff;
    }

    &::-webkit-input-placeholder {
        /* WebKit browsers 适配谷歌 */
        color: #fff;
    }

    &:-moz-placeholder {
        /* Mozilla Firefox 4 to 18 适配火狐 */
        color: #fff;
    }

    &::-moz-placeholder {
        /* Mozilla Firefox 19+ 适配火狐 */
        color: #fff;
    }

    &:-ms-input-placeholder {
        /* Internet Explorer 10+  适配ie*/
        color: #fff;
    }
}