Как сделать что бы подсвечивалось не только поле но и лейбл при валидации bootstrap?

Michal разместил пост 12 сентября 2018

Весь вопрос в заголовке, нужно просто что бы кроме поля, светился лейбл, указывая на ошибку, или же на правильность действий пользователя.

 

Евгений Сальник разместил пост 12 сентября 2018

.was-validated input:invalid + label {
   
color: red
}

.
was-validated input:valid + label {
   
color: green
}

 

 

<div class="container"><form class="was-validated">
    <div
class="form-group d-flex flex-column-reverse">
        <input
type="text" class="form-control" id="inputId" placeholder="Enter numbers" pattern="[0-9]*">
        <label
for="inputId">Numbers</label>
    </div>
</form>
</div>

Close