复选框上的宽度 100% 使其居中对齐。我该如何应对？

Question

我通过 CSS 将所有输入设置为 100% 宽度。但是，由于某种原因，复选框居中对齐。 无论如何要反击这个吗？ 我不想通过 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;
}