前言

最近業(yè)務(wù)場景中遇到比較多的一個需求，當(dāng)正在執(zhí)行異步操作時，需要將一些按鈕置灰，并不可用。今天總結(jié)一下。

diabled屬性

disabled禁用表單字段。

無法使用和無法點擊

被禁用的表單元素不會被提交

不適用于

瀏覽器帶有默認(rèn)樣式

樣式部分

雖然瀏覽器帶有默認(rèn)樣式，但是在某些場景，比如button元素，我們通常都會自定義樣式，這樣將會覆蓋瀏覽器的默認(rèn)樣式，造成disabled生效時，無明顯現(xiàn)象。

demo.png

從上圖可以看出，自定義樣式層疊的權(quán)重比較高，將瀏覽器的默認(rèn)樣式覆蓋了。

針對所有button的disabled狀態(tài)設(shè)置樣式

## 使用選擇器: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;

總結(jié)

以上是生活随笔為你收集整理的radio按扭设置只读_disabled属性样式问题的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。