引导程序验证复选标记位置

Question

我正在尝试将绿色验证复选标记进一步向左移动（即，向右增加填充），因为它与选择图标非常紧。可以这样做吗？

我尝试了以下方法：

.is-valid {
    padding-right:30px !important;
}

Answer 1

Bootstrap使用背景图像属性，您只需要更改其background-position

例如

.form-control.is-valid, .was-validated .form-control:valid {
    background-position: center right calc(.375em + .4875rem); /* set position */
}