前言

最近業務場景中遇到比較多的一個需求，當正在執行異步操作時，需要將一些按鈕置灰，并不可用。今天總結一下。

diabled屬性

disabled禁用表單字段。

無法使用和無法點擊

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

不適用于

瀏覽器帶有默認樣式

樣式部分

雖然瀏覽器帶有默認樣式，但是在某些場景，比如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;

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。