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

Yukimi Sato 21,285views 更新:2014年4月11日

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; /* 禁止カーソル */
}

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません