Blazor валидация границ стайлинга

Question

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

Однако границы проверки Blazor выглядят квадратными, и я хотел бы добавить некоторую круглую форму к их.

Есть ли способ получить доступ к их стилю?

I can style bootstrap's border with these classes
.form-control.invalid {
    border-color: #dc3545;
}
.form-control.valid {
    border-color: #28a745;
}

Но тогда есть две границы, одна в квадрате, другой раунд (bootstrap 's)

Answer 1

Вам нужно добавить border-radius

.form-control.invalid {
    border-radius: 5px;
    border-color: #dc3545;
}
.form-control.valid {
    border-radius: 5px;
    border-color: #28a745;
}