disabled属性

1、在给button设置disabled属性的时候，如下

<button disabled="disabled">确定</button>

此时按钮处于不可点击状态，然后当到达某一条件时设置按钮为可点击，这时发现网上很多提供的方法为通过jquery或者js设置disabled为false,如图：

此时可以发现按钮仍然是不可点击的，即使将disabled的值设为空也还是无法点击，不知道为什么网上这么多教程都是用的这种方法。

真实有效的方法是将disabled属性移除，如下：

$('button').removeAttr('disabled');

2、当给input框设置disabled属性时，input框不能点击，但是样式在安卓和ios上显示有差异

安卓：

iphone:

如果有需求给不可点击状态统一样式，就需要写css样式

input[disabled] {
    background-color: #fff;
    color: #BBB2B2;
    -webkit-opacity: 1;
}

因为在iphone上disabled属性默认字体颜色有透明度，因此可以加-webkit-opacity: 1来恢复字体颜色

注：如果iphone上设置disabled属性不想要字体自动变灰等默认样式，还是原来的可以加该属性：

input[disabled] {
    -webkit-opacity: 1;
    -webkit-text-fill-color: rgba(0, 0, 0, 1);
}

此时无论定义什么颜色都不会生效