修改el-button按钮背景色后,按钮失去了elementUI原有的hover和active的效果

应完整修改为:

<el-button type="primary" icon="el-icon-plus" @click="addUser">新增用户</el-button>

.el-button--primary:not(.is-disabled) {
    background-color: #1174de;
    border-color: #1174de;
    &:hover {
      &:not(.is-disabled) {
        opacity: 0.8;
      }
      &:active {
        opacity: 1;
      }
    }
  }

注意:.el-button--primary:后要增加not(.is-disabled),否则disabled状态下也有完整透明度的背景色

存疑:为什么&:active在&:hover内才生效?

最近更新

  1. TCP协议是安全的吗?

    2024-04-10 08:32:02       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-04-10 08:32:02       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-04-10 08:32:02       18 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-04-10 08:32:02       20 阅读

热门阅读

  1. leetcode热题HOT146. LRU 缓存

    2024-04-10 08:32:02       17 阅读
  2. 如何在Linux中查找和删除软链接

    2024-04-10 08:32:02       19 阅读
  3. Flutter入门指南

    2024-04-10 08:32:02       16 阅读
  4. Spring Boot安装与配置

    2024-04-10 08:32:02       13 阅读
  5. 云计算综合实训平台(1)

    2024-04-10 08:32:02       12 阅读
  6. Apache MINA SSHD

    2024-04-10 08:32:02       14 阅读
  7. (十三)强缓存和协商缓存的区别

    2024-04-10 08:32:02       17 阅读
  8. 科技的成就(五十八)

    2024-04-10 08:32:02       15 阅读