disabled属性
1、在给button设置disabled属性的时候,如下
酱羊肉<button disabled="disabled">确定</button>
此时按钮处于不可点击状态,然后当到达某⼀条件时设置按钮为可点击,这时发现⽹上很多提供的⽅法为通过jquery或者js设置disabled为fal,如图:
此时可以发现按钮仍然是不可点击的,即使将disabled的值设为空也还是⽆法点击,不知道为什么⽹上这么多教程都是⽤的这种⽅法。
星空四字成语
真实有效的⽅法是将disabled属性移除,如下:
$('button').removeAttr('disabled');
2、当给input框设置disabled属性时,input框不能点击,但是样式在安卓和ios上显⽰有差异
laborday
安卓:寒假日记200字
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);
}
此时⽆论定义什么颜⾊都不会⽣效