ширина 100% на флажках выравнивает по центру. Как я могу противостоять этому?

Question

Я устанавливаю все входы на 100% ширину с помощью CSS. Однако, флажки по центру по какой-то причине. В любом случае, чтобы противостоять этому? Я не хочу использовать выбор атрибутов через css, так как они не полностью поддерживаются.

Answer 1

Вам нужно установить ширину обратно на авто (width: auto).

Если вы не хотите использовать селекторы атрибутов, то вы должны найти другой селектор, соответствующий флажкам. Это может включать добавление дополнительной разметки (например, класса).

Answer 2

Вам необходимо заключить флажок в другой элемент:

<div class="checkbox">
    <input type="checkbox" value="check-value">Human readable value
</div>

В CSS:

.checkbox {
    width: 100%;
    text-align: left;
}

Answer 3

Проверьте это

input.checkbox 
{ 
    text-align: left; 
    margin: 0 auto;
}