解决微信小程序button的hover-class不生效问题

在小程序开发过程中我们会遇到button添加style样式后即使添加hover-class样式也没有点击效果的问题。
产生该问题的原因为:在css中,内联样式style的优先级要高于class选择器的优先级,所以在我们添加style标签后即使添加hover-class选择器也会被内联样式style所覆盖,导致hover-class选择器失效,无法实现点击按钮后的效果。
解决办法:还记得css中important优先级最高吗?只需要在wxss中的hover-class指定的class中每一条属性后添加“!important”即可,如:
.button-hover{
background-color: #e8e8e8!important;
}
此时再去编译一下,会发现hover-class设置的样式在按钮点击后可以生效了!

解决微信小程序button的hover-class不生效问题最先出现在Python成神之路

版权声明:
作者:admin
链接:https://www.techfm.club/p/16282.html
来源:TechFM
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
< <上一篇
下一篇>>