如何访问 Blazor 中的验证边框以修改样式？

Question

我有一个输入字段并验证表单设置了一个绿色的 blazor 边框，但是该表单使用引导类，它赋予它一个圆形，并且边框是方形的。

我只能将样式应用于具有类的引导边框 .valid 或 .invalid，但不是方形边框，它来自 blazor。

TLDR：如何访问方形 blazor 边框（用于添加或删除边框半径）

已解决： 圆形边框是轮廓，不是边框，去除轮廓并添加边框：1px 纯绿色，并使用border-radius进行修改解决了这个问题。

Answer 1

即在wwwroot 内的css 文件app.css 中。或者 site.css 在早期的预览中。

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

.invalid {
    outline: 1px solid red;
}