Я пытаюсь оформить флажок в веб-фреймворке, который использует bootstrap 4, переопределив класс метки настраиваемого элемента управления и установив для свойства position значение auto вместо относительного. Я могу изменить свойство в инструментах разработки браузера и получить желаемый результат, но когда я добавляю стиль в свой пользовательский. css, он не переопределяет свойство, установленное в _custom-forms.s css. Как я могу переопределить это свойство?
#form
<div class="custom-control custom-checkbox">
<input type="checkbox" name="custom_checkbox_name" class="checkboxinput custom-control-input" id="id_custom_checkbox">
<label class="custom-control-label" for="id_custom_checkbox">
<span class="custom-control-indicator"></span>
<span class="custom-control-description"> Custom Checkbox Label</span>
</label>
</div>
#custom.css
.custom-control-label {
position: auto;
}