显示<input type =“checkbox”/>元素，中间有一个框而不是复选标记

Question

我想知道是否有人知道在html中显示复选框的好方法，中间有一个黑框，如下图中的第三个复选框？

我在很多接口中都看到过这种情况，但在网上找不到一个好的来检查源代码。如果这已经发布在其他地方，我很抱歉，但我没有幸运地使用我一直在尝试的搜索字词。

感谢。

Answer 1

它被称为不确定状态。请参阅 jsFiddle example 。

$("#c").prop("indeterminate", true);

参考：https://developer.mozilla.org/en-US/docs/HTML/Element/Input和https://developer.mozilla.org/en-US/docs/CSS/:indeterminate

Answer 2

以下帖子包含一些例子：

How to style checkbox using CSS?

答案中的链接Collection of checkbox styles from CSSDeck包含类似的示例。

Answer 3

浏览器呈现复选框。因此，样式由用户选择的应用程序确定。如果您想要自定义表单控件，则必须使用jQuery UI或类似的东西，这将基本上使用其他方法模拟表单控件，并将值存储在隐藏的表单字段中。