解决微信小程序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设置的样式在按钮点击后可以生效了！