bootstrap 4.1输入组中的最后一个子节点如果涉及验证则会丢失圆角

Question

在Bootstrap 4.1中，如果涉及验证，则输入组中的最后一个子节点会丢失圆角

参见示例Custom styles

有优雅的解决方法吗？

Answer 1

我最好的猜测是根据定义的@mixin和_variables创建一个类，但推翻!important结构应该是:not(:last-child)。像这样：

.border-right-radius{
    @include border-right-radius($border-radius !important);
}

就我而言，我将其放在input-group-text旁边，以覆盖.input-group > .input-group-append:not(:last-child) > .input-group-text的样式。

Answer 2

有一个引导类rounded-right。它使边界变圆。将其添加到input或select或任何您想四舍五入的位置。