鍍金池/ 問答/HTML5  HTML/ 微信小程序給button設(shè)置背景色后,點擊時的樣式button-hover失效

微信小程序給button設(shè)置背景色后,點擊時的樣式button-hover失效

發(fā)現(xiàn)小程序的button組件在設(shè)置了背景色后(不設(shè)置type類型的情況下),點擊時的默認button-hover不生效了,請問有什么解決方法嗎?

回答
編輯回答
刮刮樂

你這個在手機實機上測過了嗎?另外,你在開發(fā)工具里點擊的按鈕,在調(diào)試工具wxml里面看看按下的時候有沒有button-hover在class里的添加,我試了一下,設(shè)置背景色,不寫type在開發(fā)工具下看不出效果,但是在手機上還是有那個hover樣式的一個灰色蒙版

clipboard.png

clipboard.png

clipboard.png

2018年8月22日 20:09
編輯回答
短嘆

可以

<button style="background:red;" hover-class="green">123</button>
.green {
  background: green !important;
}
2018年6月8日 17:39
編輯回答
解夏

我在微信小程序中用button都是用模擬的,然后button設(shè)置 opacity: 0;

<view class='contact_btn'>
    <button class='btn_contact' open-type="contact"></button>
</view>

.contact_btn {
  position: relative;
  width: 44rpx;
  height: 44rpx;
  margin-left: 10rpx;
}
.btn_contact {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height:100%;
  opacity: 0;
}
2017年11月26日 05:31
編輯回答
拽很帥

重新寫一下hover的樣式吧,目測是權(quán)重高于:hover偽類了。

2017年10月28日 07:12