[解決済み] HTMLファイル入力時のデフォルトメッセージ「Please enter value with valid mimetype.」を変更する方法

質問

私はちょうど accept 属性の <input type="file"> この属性を使えば、入力ファイルの種類に応じて別のバリデーションを書く必要がないので、とても気に入っています。

<input type="file" accept="image/*"> は画像ファイルのみ受け付けます。

<input type="file" accept="audio/*"> は音声ファイルのみ受け付けます。

<input type="file" accept="video/*"> はビデオファイルのみ受け付けます。

しかし、何らかの方法で別のファイルを選択すると、エラーメッセージが表示されることがわかりました。

Please enter a value with a valid mimetype.

私はただ、このエラーメッセージをどうにかして変更し、私の好きなように印刷することができるかどうかを知りたいのです。また、このエラーメッセージにいくつかのCSSを追加することは可能ですか？

解決方法は？

JavaScriptのマジックを少し使ってみてください。 oninvalid 属性)を使用します。

<input type="file" accept="image/*" oninvalid="setCustomValidity('Please, blah, blah, blah ')"/>