element-ui,如何修改当整个form表单 的 disabled 为 true 时,upload 上传组件的样式

发布于 2022-09-13 00:49:18 字数 487 浏览 16 评论 0

当整个表单 disabled 为 true 时

其他,比如input组件,会自动加上 is-disabled 的类名,这样直接在这个类名上写样式就可以实现效果

但我观察了下dom元素, upload 上传组件在 (当整个表单 disabled 为 true 时) 并没有加上这个类名

所以要如何修改此时upload的样式呢?

首先此处我的上传组件,为照片上传组件,上传成功能预览照片

我的具体使用场所是:
当form表单处于可编辑状态 (即 disabled 为 false 时):
上传组件可点击,边框hover时会变蓝,上传的图片预览时颜色正常

但当form表单处于不可编辑状态 (即 disabled 为 true 时):
上传组件不可点击,边框hover时无变化,预览图片整体颜色变灰,且透明度减少

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文