Позиция галочки проверки начальной загрузки

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 */
}