【elementplus】el-input修改文字、背景、边框颜色样式
·
element-plus版本:v2.2.0
vue版本:v3.0.0
<el-input v-model="dataInput" class="input-border-style" placeholder="请输入信息">
</el-input>
关于el-input的CSS样式:
.input-border-style
自定义的样式类.el-input.is-disabled .el-input__inner
element-plus的样式类.el-input.is-disabled
element-plus的样式类.el-input__inner
element-plus的样式类
/** 默认样式 */
.input-border-style{
border:1px solid #47c9FF;
border-radius:3px;
padding-left: 10px;
}
/** el-input disabled时的文字颜色*/
.el-input.is-disabled .el-input__inner{
color:#d61616;
}
/** el-input disabled时的背景和边框*/
.el-input.is-disabled{
background:#dbdada;
border: 1px solid #868686;
}
/** el-input 正常模式下、readonly模式下的文字颜色 */
.el-input__inner{
color:#00ccff;
}
正常的样式:
disabled 无内容:
disabled 有内容:
使用到的颜色:
更多推荐
已为社区贡献1条内容
所有评论(0)