How to style individual form field error states

Please see attached. I can only find an error state for the Apply Button and none for the individual fields themselves. I need to change the colour of the input field outline and style the tooltip and messaging.


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

1 Like

That tooltip is defined by your browser, you cannot control the way that looks. The input outline can be controlled by selecting the focused state from the dropdown next to the style name.

I’ve seen this done on other websites. Hopefully theres a workaround some day

Hello, I need to customize the error messages too. Have you found a solution? Thanks.

If you want to work with Client Side validation then MDN has a resource you should refer to. : The Input (Form Input) element - Client Side Validation - HTML: HyperText Markup Language | MDN (mozilla.org)