为什么此<input type =“ checkbox” />的宽度不为零？

Question

在这个问题上我抓狂了……我有一个通用的WooCommerce结帐表格，显示在所附的屏幕截图中。除接受条款和条件的复选框外，一切都很好。宽度为零。在屏幕截图中，我已应用边框，因此您可以在屏幕上看到该字段。它具有“可见性：可见”和“显示：内联”。我尝试设置宽度和最小宽度没有成功。这必须是一个简单的问题，直面我，但我一生都没有看到这个问题。

Answer 1

由于您使用的是WP主题，因此可能无法控制CSS？认为该主题隐藏了默认复选框以显示自定义复选框。尝试搜索以查看您的reset.css中是否存在类似的内容：

select, input, textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0;
}

注意外观标签。如果是这样，则表示常规<input type="checkboxes">无法正确显示。我会用您拥有的类之一来覆盖它，或者将其注释掉。

类似的东西：

.input-checkbox{
    -webkit-appearance: checkbox !important;
    -moz-appearance: checkbox !important;
    -o-appearance: checkbox !important;
    -ms-appearance: checkbox !important;
    appearance: checkbox !important;
}