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

unbreakablec

于 2023-03-08 23:14:07 发布

阅读量295

点赞数

CC 4.0 BY-SA版权

分类专栏： Element UI 文章标签： javascript 前端 vue.js

本文链接：https://blog.youkuaiyun.com/unbreakablec/article/details/129413887

Element UI 专栏收录该内容

4 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

::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;
    }
}