还是前任项目遗留的问题,
♦ 尝试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里面就行