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

我通过CSS将所有输入设置为100%宽度。但是，由于某些原因，复选框是居中对齐的。 无论如何，要对抗这一点吗？

---

我不想通过css使用属性选择，因为它们不完全受支持。

您需要将复选框包装在另一个元素中：

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

检查这个

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

---

您需要将宽度设置回自动（

width:auto

）

---

如果不想使用属性选择器，则必须找到另一个与复选框匹配的选择器。这可能需要添加额外的标记（例如类）。

尝试文本对齐。它没有任何作用。它居中的原因是因为宽度为100%，我已经改变了我的答案，并测试了我的解决方案。你到底想要达到什么结果？对于以固定大小呈现复选框的操作系统，宽度应该是多少：就您而言是100%？

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