inputがdisabledの時のCSSを指定する

inputがdisabledの時のスタイルも指定することができます。

見本はこちら

HTML

<form>
<p><input type="text" value="" placeholder="名前" /></p>
<p><input type="text" value="" placeholder="メールアドレス" disabled="disabled" /></p>
</form>

CSS

input[type="text"]{
    border:1px solid #DCDCDC;
    border-radius:5px;
    padding:7px;
}
input[type="text"][disabled]{
    background:#DCDCDC;
    cursor:not-allowed; /* 禁止カーソル */
}