css - 入力パスワードと : 疑似要素テキストの後

Question

HTMLパスワード入力があります。パスワード入力フィールドで :after 疑似要素を使用して、コンテンツ「無効なパスワード」を使用してユーザーにエラー メッセージを表示しています。

ただし、疑似要素に表示されるテキストは、パスワード フィールドであるため、すべてアスタリスクです。テキストフィールドに変更すると、問題なく表示されます。疑似要素にストレートテキストを表示させる方法はありますか?

Answer 1

いいえ。パスワード タイプの入力でテキストを表示することはできません。JavaScript で入力タイプを変更し、ユーザー フォーカス後に元に戻すか、クローン入力テキスト フィールドを作成してフォーカスを変更することはできますが、どちらのソリューションも適切ではありません。