[CSS] 万能Disabled CSS - 無効化 CSS

指定した要素を無効化状態の見た目にする万能Disabled CSSです。

DEMO

通常時

buttonbuttonbutton

無効化

buttonbuttonbutton

HTML

button

CSS

.disabled, .disabled:hover, .disabled:visited, .disabled:focus {
 border:#eee 1px solid;
 background:#f6f6f6;
 -webkit-box-shadow:none;
 box-shadow:none;
 text-shadow:none;
 color:#ddd;
 cursor:default;
 outline:none;
}