iphone移动端按钮设为disabled样式异常

默认情况下：

点击后，按钮有了diasbled属性，
css代码：

.disabledCodeBtn {
  border: 1px solid #fff;
  font-weight: bold;
  color: #fff;
  background-color: #c53b40;
}

理想状态为按钮背景色变暗，但边框和文字依然为白色，在安卓手机中一切正常，在iphone手机中为下图所示：

解决

给点击后的按钮添加 opacity:1

原因

在iphone手机上样式将被覆写-webkit-appearance:none; 文字的颜色还是灰色，并且默认了disabled属性时透明度为0.3，将透明度设置为1即可解决。