Как получить доступ к границе проверки в Blazor, чтобы изменить стиль?

Question

У меня есть поле ввода, и проверка формы устанавливает зеленую границу блейзора, однако форма использует класс bootstrap, который придает ей круглую форму, а граница возводится в квадрат.

Я могу применить стилизацию только для границ начальной загрузки с классом .valid или .invalid, но не для прямоугольной границы, получаемой из блазора.

TLDR: Как получить доступ к прямоугольной границе блазора (для добавления границы-радиуса или ее удаления)

Решено: Круглая граница - это контур, а не граница, удаление контура и добавление границы: 1px solid зеленый и изменение с помощью border-radius решил проблему.

Answer 1

То есть в файле css app.css внутри wwwroot. Или site.css в более ранних превью.

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid red;
}