uniapp 小程序 view button hover-class 不生效点击无反应

小程序中 view、button组件支持 hover-class 属性，就是点击时的效果。

但是，不少朋友发现 hover-class 并不起作用。不管是 uniapp 还是微信小程序原生开发，都有这种情况。

例如：

<view hover-class='btn-hover'  class='btn-normal'  @click='clickButton'>hover-class无效果</view>

.btn-hover {
	background-color: #000;
	color: #fff;
}

.btn-normal {
	background-color: #fff;
	color: #000;
}

上面的代码，看上去没有任何问题，但是hover-class就是不起作用……

怎么回事儿？

其问题的关键就是，hover-class 的优先级必须要比class 高才能起作用！

根据CSS规定，越靠后的优先级越高。所以，把 hover-class 写在 class 后面，就可以：

.btn-normal {
	background-color: #fff;
	color: #000;
}

.btn-hover {
	background-color: #000;
	color: #fff;
}

或者加上 !important，强行提高优先级：

.btn-hover {
	background-color: #000 !important;
	color: #fff !important;
}

.btn-normal {
	background-color: #fff;
	color: #000;
}

这或许是微信小程序实现上的一个小bug，没准儿过段时间就修复了。