【问题标题】:Blazor validation borders stylingBlazor 验证边框样式
【发布时间】:2020-07-31 05:22:01
【问题描述】:

我正在研究 blazor 验证,我使用引导类制作了输入表单,使它们看起来很圆。

但是 Blazor 的验证边框看起来是方形的,我想给它们添加一些圆形。

有没有办法访问他们的风格?

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

但是有两个边界,一个平方另一个圆形(bootstrap's)

【问题讨论】:

    标签: css validation blazor


    【解决方案1】:

    您需要添加border-radius

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

    【讨论】:

    • 是的,但是它设置了引导边框的样式,然后它仍然有两个边框,正方形是 Blazor
    猜你喜欢
    • 2020-07-31
    • 2011-08-15
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2022-01-09
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多