Disable show password icon in browser autocomplete

index.html

<style>
  #_com_liferay_login_web_portlet_LoginPortlet_password:-webkit-autofill {
    animation: autofill-detect 0.001s both;
  }

  @keyframes autofill-detect {
    from {
      background-color: #fff;
    }
    to {
      background-color: #fff;
    }
  }

  .disabled-eye {
    pointer-events: none;
    color: gray;
  }
</style>

<script>
  document.addEventListener("animationstart", (event) => {
    if (event.animationName === "autofill-detect") {
      const passwordInput = event.target;
      let showPasswordIcon = passwordInput.parentElement.querySelector(".icon-eye-close");

      if (!showPasswordIcon) {
        passwordInput.type = "password";
        showPasswordIcon = passwordInput.parentElement.querySelector(".icon-eye-open");
        showPasswordIcon.classList.remove("icon-eye-open");
        showPasswordIcon.classList.add("icon-eye-close");
      }

      showPasswordIcon.style.pointerEvents = "none";
      showPasswordIcon.classList.add("disabled-eye");
    }
  });
</script>