复选框上的宽度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;
}