Good morning, how do I set a custom style for the validation of the fields in the checkout billing address page?
I wish the unvalidated fields present a red border.
Thank you.
Vincenzo Di Modugno
input.input-validation-error {
border-color: red;
}
input.input-validation-error,
input.input-validation-error:focus {
border-color: red;
}
<div class="inputs">
<label for="NewAddress_FirstName">Nome:</label>
<input class="text-box single-line input-validation-error" data-val="true" data-val-required="Il nome è obbligatorio" id="NewAddress_FirstName" name="NewAddress.FirstName" value="Vincenzo" type="text">
<span class="required">*</span>
<span class="field-validation-error" data-valmsg-for="NewAddress.FirstName" data-valmsg-replace="true"><span for="NewAddress_FirstName" class="">Il nome è obbligatorio</span></span>
</div>
input.input-validation-error {
border-color: red;
}
input.input-validation-error,
input.input-validation-error:focus {
border-color: red;
}