尝试包含密码eye时的自定义输入字段边框行为

<input type="password" id="passwordInput" />

#passwordInput {
  border: 1px solid #ccc; /* 默认边框样式 */
}

#passwordInput.showPassword {
  border: 1px solid #00a0e9; /* 显示密码时的边框样式 */
}

var passwordInput = document.getElementById("passwordInput");
var showPasswordCheckbox = document.getElementById("showPasswordCheckbox");

showPasswordCheckbox.addEventListener("change", function() {
  if (showPasswordCheckbox.checked) {
    passwordInput.type = "text";
    passwordInput.classList.add("showPassword");
  } else {
    passwordInput.type = "password";
    passwordInput.classList.remove("showPassword");
  }
});