「:focus」で入力エリアのon-offをCSSで制御する

Yukimi Sato 260views 更新:2014年5月20日
input[type=text]{
border:1px solid #cccccc;
}
input[type=text]:focus{
border:1px solid #000000;
}
<input type="text" value="" placeholder="入力してください" />

カーソルを入れると、入力エリアのボーダーが黒に変化します。
外すとまたグレーに戻ります。

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

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

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