Element-ui 之 解决禁用状态下的清除按钮仍可点击的问题
Posted Zhuangvi
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Element-ui 之 解决禁用状态下的清除按钮仍可点击的问题相关的知识，希望对你有一定的参考价值。
话不多说，先看效果
上代码
- html代码：
<el-select v-model="comId" placeholder="请选择" clearable disabled>
<el-option v-for="item in list" :key="item.value" :label="item.label" :value="item.value"> </el-option>
</el-select>
<el-input placeholder="请输入内容" v-model="input" disabled> </el-input>
直接使用样式解决即可：
- css代码
.is-disabled:hover .el-input__suffix{
display: none; /* 当表单元素为禁用状态时，隐藏表单元素的清除按钮 */
}
以上就是本文的全部内容，如有不足，望大家多多指点！ 谢谢！
以上是关于Element-ui 之 解决禁用状态下的清除按钮仍可点击的问题的主要内容，如果未能解决你的问题，请参考以下文章
Element-ui 之 多级路由导航（已解决点击收起展开按钮时的文字不隐藏以及文字卡顿现象）