button設置hover-class樣式不起作用


  微信小程序的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 }

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM