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即可解决。