前些天在写一个验票的H5页面，其中包含一个获取验证码的按钮，场景是这样的，按下按钮之后开始倒计时60s，之后恢复到原来的获取验证码内容，功能挺简单的，但是需要在倒计时的时候禁用按钮，因此只需要加入以下代码就可以了：
// 使用的是vue，btnDisabled为true时，禁用按钮
<input type="button" class="myBtn" :disabled="btnDisabled" />
在chrome上测试没有异常，如下图所示：
chrome
但是在真机上却变成了这样，如下图：
移动端
细心的旁友可能发现了，是opacity的锅，google一下也是这个原因，好啦，那么设置一下disabled状态下的按钮的opacity属性就好啦，像这样：
// CSS
.myBtn[disabled] {
opacity: 1;
}
