disabled el-select禁用样式修改去掉禁用样式 disabled 变为 readonly

星空小梦

已于 2023-03-23 11:15:05 修改

阅读量2.2k

点赞数 1

分类专栏： css vue 文章标签： javascript vue.js 前端

于 2023-02-27 16:24:05 首次发布

本文链接：https://blog.csdn.net/weixin_50885665/article/details/129244443

版权

本文主要介绍了如何在Vue.js前端开发中，将元素的disabled属性改为readonly，以调整禁用样式的显示效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、

<style>
.disableClass .el-input.is-disabled .el-input__inner {
  background-color: transparent !important;
  border-color: white !important;
}

.disableClass .el-input.is-disabled .el-input__inner {
  color: #444 !important;
}

.disableClass .el-input__suffix {
  display: none !important;
}

.disableClass .el-input__inner {
  padding-left: 0px !important;
}
</style>