javascript - 表单字段选择的css更改

Question

我正在尝试像kickstarer（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;}