How to change the spellcheck color of the underline

Question

If put some random text in the input text, such as "qwertyui"

 <input id="test" type="text">

It appears a red curly underline, is it possible to change its color?

Answer 1

There is no way to change spellcheck color in modern browsers. But I've found a CSS selector which doesn't support by any browser. It is ::spelling-error . The usage like:

::spelling-error {
  color: red;
}

For more information check Mozilla Web Documents