radio按扭设置只读_disabled属性样式问题
前⾔
最近业务场景中遇到⽐较多的⼀个需求，当正在执⾏异步操作时，需要将⼀些按钮置灰，并不可⽤。今天总结⼀下。
diabled属性
disabled禁⽤表单字段。
⽆法使⽤和⽆法点击
被禁⽤的表单元素不会被提交htmlradio设置默认的按钮
不适⽤于
浏览器带有默认样式
样式部分
虽然浏览器带有默认样式，但是在某些场景，⽐如button元素，我们通常都会⾃定义样式，这样将会覆盖浏览器的默认样式，造成disabled⽣效时，⽆明显现象。
demo.png
从上图可以看出，⾃定义样式层叠的权重⽐较⾼，将浏览器的默认样式覆盖了。
针对所有button的disabled状态设置样式
## 使⽤选择器:disabled
button:disabled {
pointer-events: none;
cursor: not-allowed;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;
opacity: .65;
}
## 使⽤选择器[disabled]
button[disabled] {
pointer-events: none;
cursor: not-allowed;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。