флажок всегда создается с непрозрачностью: 0

Question

Я пытаюсь добавить флажок в моей форме MVC, но он всегда создается с opcaity: 0 в CSS это мой код, где я добавляю флажок

<div class="col-md-3 px-1">
   <div class="form-group">
     <label>Is Suspended</label>                                                                
     @Html.CheckBox("IsSuspended", false, new { @checked = "checked", @class = "form-control "})
   </div>
</div> 

когда я использую элемент проверки в браузере, где я поставил флажок, я обнаружил непрозрачность: 0 но я не знаю, почему он был добавлен в мой чекбокс или если я что-то не так

<input class="form-control " id="IsSuspended" name="IsSuspended" type="checkbox" 
       value="true" style="position: absolute; opacity: 0;">

Answer 1

я обнаружил проблему, что я использую библиотеку js под названием icheck в моих файлах js я удалил его и теперь все нормально

Answer 2

В вашем проекте есть дополнительный фрагмент кода, который добавляет style="position: absolute; opacity: 0;". На моем компьютере я показываю только input без дополнительного стиля.

<input class="form-control " id="IsSuspended" name="IsSuspended" type="checkbox" value="true">

Чтобы найти источник, используйте функцию inspect в браузере Google Chrome и на вкладке Computed щелкните свойство, чтобы увидеть, откуда оно возникло. Вы увидите причину дополнительных стилей position и opacity.

Ниже приведен пример, показывающий, что border-right-color элемента был установлен классом .form-control, который определен в файле form-less. Вы можете сделать то же самое для position и opacity.