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的)

​

​

Answer 1

您需要添加border-radius

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