2021.11.12 D18——设置placeholder颜色和内置图

Kiaaaa

于 2021-11-15 17:30:09 发布

阅读量944

点赞数

分类专栏：笔记文章标签： css html css3

本文链接：https://blog.csdn.net/Kiaaaa/article/details/121339087

版权

笔记专栏收录该内容

31 篇文章

订阅专栏

场景：有些组件例如el-cascader级联选择器无prefix-icon时如何设置icon

实现代码：

<el-cascader :optons="options" placeholder="报表列表" :props="props" collapse-tags clearable>
</el-cascader>

.el-cascader {
    display: flex;
    border: 1px solid #382E67;
    border-radius: 6px;
    font-size: 16px;
    line-height: 21px;
    .el-input__inner {
        background-color: white;
    }
    ::placeholder {
        color: #A8A8A8;// 如果有时不生效，可能是权限不够，加一个!important即可
        font-size: 14px;
        background-image: url(../xx.png);
        background-repeat: no-repeat; // 背景图不重复
        background-size: 15px 15px;
        background-position: left;
        background-origin: content-box; // 用于placeholder里面文字缩进
        text-indent: 30px;// placeholder里面文字缩进
    }
}