el-input样式修改，边框，提示文字

最新推荐文章于 2025-07-07 15:00:30 发布

豆逗逗

最新推荐文章于 2025-07-07 15:00:30 发布

阅读量3.1k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： element-ui 文章标签： javascript vue.js ecmascript

本文链接：https://blog.csdn.net/weixin_38345306/article/details/128127458

element-ui 专栏收录该内容

31 篇文章

订阅专栏

本文介绍了一种使用 CSS 定制 el-input 组件的方法，通过设置宽度、高度、背景色等属性，实现了一个具有独特风格的红色主题输入框。

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

/deep/ .el-input{
        width: 200px;   //宽度
        .el-input__inner{
            height: 35px;//高度
            line-height: 35px;//高度
            background: red;//背景色
            border: 1px solid red;//边框颜色
            border-radius: 5px;
        }
        .el-input__inner::placeholder {
            color: red; //提示文字颜色
        }
    }