css - Form changing style

Question

I have view that I wanted to change the outline of the dropdown to the color red when there is a error on the form. But it is not working for me it just change the text in the control. I there another class I need to have in the css?

View

<div class="col-md-6">
     @Html.LabelFor(model => model.selectedCountryId)
     @Html.DropDownListFor(
           x => x.selectedCountryId,
           new SelectList(Model.ListOfCountries, "Value", "Text"),
           "-- please select a Country--",
           new { id = "ddlCountry", @class = "form-control" })
     @Html.ValidationMessageFor(x => x.selectedCountryId, "", new { @class = "text-danger" })
</div>

css

.input-validation-error {
    color: #e80c4d;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}

question from:https://stackoverflow.com/questions/65905605/form-changing-style

Answer 1

Waitting for answers