Блог

Главная - Вопросы по программированию - Как переопределить правило css ввода[тип=флажок]?

Как переопределить правило css ввода[тип=флажок]?

#html #css #bootstrap-4

Вопрос:

Моя галочка наследует это правило:

 input[type=checkbox] {
  display: none;
}

Я переопределяю вот так:

 <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault" style="display:block;">

но это не имеет никакого эффекта. Ты знаешь, почему? Я использую Bootstrap вокруг этого.

Комментарии:

1. css работает на меня. Можете ли вы удалить form-check-input класс и проверить, что произойдет?

2. Это не имеет никакого отношения к display свойству, оно отлично применяется в вашем встроенном стиле. .form-check-input применяется position: absolute; margin-top: .3rem; margin-left: -1.25rem;

3. Привет, да, удаление form-check-input сработало.

Ответ №1:

Начальная загрузка применяет некоторые свойства позиции в флажке, поэтому он не будет отображаться.Вы можете добавить родительский div, как показано ниже.

Метки: