前些天在寫一個(gè)驗(yàn)票的H5頁面，其中包含一個(gè)獲取驗(yàn)證碼的按鈕，場景是這樣的，按下按鈕之后開始倒計(jì)時(shí)60s，之后恢復(fù)到原來的獲取驗(yàn)證碼內(nèi)容，功能挺簡單的，但是需要在倒計(jì)時(shí)的時(shí)候禁用按鈕，因此只需要加入以下代碼就可以了：
// 使用的是vue，btnDisabled為true時(shí)，禁用按鈕
<input type="button" class="myBtn" :disabled="btnDisabled" />
在chrome上測試沒有異常，如下圖所示：
chrome
但是在真機(jī)上卻變成了這樣，如下圖：
移動端
細(xì)心的旁友可能發(fā)現(xiàn)了，是opacity的鍋，google一下也是這個(gè)原因，好啦，那么設(shè)置一下disabled狀態(tài)下的按鈕的opacity屬性就好啦，像這樣：
// CSS
.myBtn[disabled] {
opacity: 1;
}
