写了一个计算器,想添加按钮点击态,大部分按钮是view组件,个别有上标的按钮用了text组件,官方文档里面view和button组件有一个hover-class点击态属性,我按照示例添加了。
//index.wxml < view class = 'item dark' hover-class = 'btn-hover' bindtap = 'clickButton' data-command = 'sin' >sin</ view > |
//index.wxss .btn-hover { background-color : #000 ; color : #fff ; } |
但是点击按钮没有效果。
我用传统的css尝试了有效果:
//index.wxss .item:active { background-color : #000 ; color : #fff ; } |
我应该没有写错,是不是模拟器的bug?
hover-class的类必须写在class类后面
你看我上面不是写在class后面了吗?
样式顺序(:link、:visited、:hover、:active)
你的情况需要这样:
.item {}
.dark {}
.btn-hover {}
item和dark两个选择器我都有写,没展示出来而已
我们的意思是,在样式表中的定义顺序
顺序有影响吗?意思是最后一个写.btn-hover {}吗