vue---el-input样式覆盖
input输入框定义如下<el-inputid="dialog_input"style="margin-left:20px;"class="dialog-input-text"type="input"autosizev-model="dialogInput"ref="dialogInput">...
·
input输入框定义如下
<el-input
id="dialog_input"
style="margin-left:20px;"
class="dialog-input-text"
type="input"
autosize
v-model="dialogInput"
ref="dialogInput"
></el-input>
修改【.el-input_inner】样式需要在style样式定义处的【.el-input__inner】前加上【.类名 >>>】,如下:
.dialog-input-text >>> .el-input__inner {
-web-kit-appearance: none;
-moz-appearance: none;
font-size: 1.4em;
height: 2.9em;
border-radius: 4px;
border: 1px solid #b6d8f1;
color: #6a6f77;
outline: 0;
}
更多推荐
已为社区贡献45条内容
所有评论(0)