CSS:刪除禁用的HTML按鈕上的陰影
當禁用HTML按鈕時,陰影將新增到按鈕文字中.我自己設計按鈕,我想只有一種顏色(白色)沒有陰影,但我不知道如何有效地執行.
我以前的方法是將其啟用並重新設計按鈕的懸停活動狀態,並忽略點選vai Javascript.告訴你,效率不高!
ofollow,noindex" target="_blank">http://jsfiddle.net/gLfMX/
編輯:影象顯示陰影(在IE9中檢視)縮放版本.
你已經發布了你自己的答案,但這裡有一些更多的資訊.
從我的實驗中我得出了相同的結論:在IE上,你不能從CSS更改它.這就是為什麼
禁用按鈕的顏色取決於Windows配置為顯示for the “3D Objects” item in “Window Color and Appearance” (在顯示設定下).
禁用按鈕的預設顏色為:text = A0A0A0,shadow = white.如果使用者更改了預設值,則可能會有所不同(在Windows 7中,您必須進入“高階設定”),但幾乎每個人都將擁有這些預設值.它們被設計為適應禁用按鈕的系統預設背景顏色,即F4F4F4.
我的這個問題的解決方案是設計CSS,所以至少對於預設設定,在IE下禁用的按鈕將看起來很好 – 最好的方法是設定背景時禁用F4F4F4:
button[disabled], a[disabled] { background-color: #f4f4f4; }
如果你像我這樣使用Bootstrap ,你應該這樣做:
.btn[disabled], .btn.disabled[disabled] { background-color: #f4f4f4; }
您也可以新增一些條件選擇器來僅為IE啟用此選項.
程式碼日誌版權宣告:
翻譯自:http://stackoverflow.com/questions/8766987/css-remove-shadows-on-disabled-html-buttons