カスタム「このフィールドに記入してください」ボックス

Question

私は定期的にフォームの「必須」機能を使用しています。したがって、ユーザーは必要なすべてのフィールドに記入するまで続行できません。今私はそれをカスタマイズしたい。彼らはサイトに合っていないので、私はまったく作っていません。私はその中のメッセージをカスタマイズする方法を知っています。しかし、色やボーダー半径をカスタマイズすることはできますか？

PS：これは私の入力ボックスの1（最初の1）

<input type="text" name="vname" required autofocus oninvalid="this.setCustomValidity('Dit vak niet leeglaten')"> 

だから私はすでにボックス内のメッセージを変更する方法を知っています。私はそれをスタイルにしたい。紫色のボーダーのように、白い背景、太字、紫色の文字。そのようなもの。

Answer 1

チェックコードを削除して、jQueryまたはjQuery UIのようなものを使用して、JavaScriptでそれらを追加することができます。