想修改element-ui中el-input内部el-input__inner的样式。在el-input中添加class="codeStyle",在css部分添加样式,代码如下
//vue input部分代码
<el-input
class="codeStyle"
v-model="loginForm.code"
auto-complete="off"
placeholder="验证码"
style="width: 35%"
@keyup.enter.native="handleLogin">
<svg-icon slot="prefix" icon-class="validCode" class="el-input__icon input-icon" />
</el-input>
//css部分代码
.codeStyle {
.el-input__inner {
width: 100%!important;
}
}