javascript - フォームフィールド選択時のCSS変更

Question

キックスターラー (https://www.kickstarter.com/login) のようなログイン & 登録フォームを作成しようとしています。

誰がどこを見ればよいかアドバイスできますか？人がログインまたは登録フィールドをクリックすると、灰色の境界線効果が移動するようにしようとしています。

ありがとう！

Answer 1

input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus{
  border: 1px solid #ccc;
  box-shadow: 0 0 5px #b4d7f9;
}

Answer 2

CSS を使用する

input:focus,select:focus,textarea:focus{border:solid 1px #ccc;}