-- 当el-Input输入正常或者是不输入,那么el-Input背景不改变 --> <el-input v-if="(MyInput==='')||(MyInput==='正常')" size="mini" v-model="MyInput" readonly/> <el-input v-else size="mini" WarningColor='warning' v-model="MyInput" readonly/> <!-- 否则,el-Input背景变成橙色 ...
<el-input v-model="inputValue" :class="inputClass" :style="inputStyle" placeholder="请输入内容"></el-input> </template> <style> /* 改变默认提示文字的样式 */ .el-input__inner::placeholder { color: #999;} /* 改变输入框获得焦点时的样式 */ .el-input__inner:focus { border-color: ...
.el-input__inner:focus{ border-color:#00af3c; } 样式效果如下: 样式如图所示~ 感谢收看~
el-input样式无法改变 使用深度选择器 ::v-deep .el-input.search-input{ ::v-deep .el-input__inner{ height: 30px; line-height: 30px; } } 好文要顶 关注我 收藏该文 风花一世月 粉丝- 5 关注- 3 +加关注 0 0 » 下一篇: css 高度和宽一样 ...
Element-ui是一个非常好的UI设计模块,它提供给我们很多好看的按钮样式,非常适用于快速搭建UI,下面说说如果使用了element-ui之后,要更改它默认的el-Input样式应该怎么操作。 使用调试工具找出他的样式默认表,具体操作如下: 从上图知道默认的样式是.el-input__inner,那下面在改成自己想要的颜色: ...