button設置hover-class樣式不起作用
阿新 • • 發佈:2019-01-22
背景顏色 page span 例如 color 代碼 alt png --
微信小程序的button中,可以指定按下去的類名,例如:
1 <button hover-class="hover">同意</button>
根據官方開發指南,在本地調試時,發現button設置hover-class樣式不起作用:
1 /*page.wxss */ 2 3 .hover{ 4 background-color: red; 5 } 6 7 8 9 <!--page.wxml --> 10 <button type="default" hover-class="hover"> 點擊button </button>
最後,在本地調試時,發現button設置type屬性為default時,本身設置了背景顏色:
當按鈕按下時,default設置的背景顏色不會被自己設置的背景顏色所覆蓋。
在不設置button的type屬性為default時,自己設置的hover樣式可以被觸發,代碼如下:
1 <button hover-class="hover"> 點擊button </button>
1 .hover { 2 background-color: red; 3 color: yellow; 4 }
button設置hover-class樣式不起作用