Pre Processed Validation Style

[gsam]

thanks

[Bruce - PhosphorMedia]

You can try using the pseudo selector :required

<input id="checkThis" type="text" name="name" value="" required>

#checkThis:required { background: #c0c0c0 }

But as Matt says, its pretty limited and won't work the same across all browsers.

[Matt Zimmermann]

Hi Gary,

Unfortunately, there is little you can do without custom coding for these messages. https://developer.mozilla.org/en-US/...error_messages

[gsam]

On submit, if a field has the 'required' attribute added to the code and it has no value, the form is blocked and a popup message is shown pointing to the field.

<input type="radio" name="Product_Attributes[1]:value" value="Today" id="l-today" data-attribute="When" required />
<input type="radio" name="Product_Attributes[1]:value" value="Tomorrow" id="l-tomorrow" data-attribute="When" required />

Does anyone know how to change the style of the popup message? I would like to change the background color from white to red.

Screen Shot 2019-10-11 at 9.58.54 AM.png