javascript - 使用 OnClick 单击输入时出现边框

Question

我只是创建一个带有登录名的自己的网站，我必须输入文本类型的标签。我只想在鼠标位于其他任何地方时单击它们时也会出现边框。
我希望有一个人可以帮助我提前谢谢你

编辑:
html代码

<form action="login.php" method="post">
    <input class="login" name="user" type="text" placeholder="Benutzername">
    <input class="login_pw" name="password" type="password" placeholder="Passwort"><br>
    <br><input class="submit" name="login" value="Anmelden" type="submit">
</form>

CSS代码

.login {
  width: 250px;
  height: 40px;
  color: white;
  font-family: Arial;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  background-color: #2E2E2E;
  border-bottom: 1px solid orange;
  border-top: none;
  border-left: none;
  border-right: none;
}

.login_pw {
  width: 250px;
  height: 40px;
  color: white;
  font-family: Arial;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  border-bottom: 1px solid orange;
  border-top: none;
  border-left: none;
  border-right: none;
  margin-left: 20px;
  background-color: #2E2E2E;
}

Answer 1

尝试在 css 中添加:

**input.middle:focus {
    outline-width: 0;
}**

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}