@elaineleung
Posted
Hey Shonuff, not sure if you're still looking for an answer about the red outline, but in case you haven't find one yet, what you can do is to try using input type="number"
instead of input type="text"
since the number type input has some inherit number validation rules already, and then in your CSS, try a rule like this for the input:
.NumberOfPeopleInput input:invalid {
border: 0.2rem solid red;
}
Marked as helpful