MUI框架按钮点击时样式没变化

最新推荐文章于 2024-05-13 13:38:23 发布

流都

最新推荐文章于 2024-05-13 13:38:23 发布

阅读量2.7k

点赞数

分类专栏： mui问题文章标签： mui 按钮

本文链接：https://blog.csdn.net/qq_42207957/article/details/80335766

版权

4 篇文章 0 订阅

订阅专栏

还是前任项目遗留的问题，

♦ 尝试1：直接给:active伪类加！important提升权重，如下（来自mui社区的解决方法）：无效

// 如果是按钮被点击的时候 则用下面的方法写 加入！imort 设置强制优先级

.mui-btn-primary:active {
color: #fff;
border: 1px solid #fff;
background-color: #000!important; 
}

* 继续尝试其他的权重提升方法，如a.mui-btn-primary:active {}这样：无效

* 将active改为hover：无效

经过排查找到原因，是mui给所有的按钮都加了一个0.5秒的动画，

♦ 尝试2：将动画的时间改为0：仍然无效，但是点击一小会儿能看到active的效果，感觉动画无论如何都有个过渡的时间没法去掉，又不想动框架的class

♦ 解决方法：在外围套一个div，写一个hover的效果给他，然后把这个框架的<a>什么都不变放在这个div里面就行

关注