【CSS】Edgeのパスワード表示ボタンを非表示にする方法

はじめに

Edgeで<input type="password">にパスワードを入力した際に以下のようにパスワード表示ボタンが表示されます。

非表示にする方法

以下のようにCSSを記述することでパスワード表示ボタンを非表示にできます。

::-ms-reveal {
  display: none;
}

TailwindCSSを使用している場合には以下のようになります。

<input type="password" class="[&::-ms-reveal]:hidden" />