javascript - 显示一个中间有一个框而不是复选标记的元素

Question

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

我在很多界面上都看到过这个，但是在网上找不到一个好的去查源。抱歉，如果这已经发布在其他地方，但我一直在尝试的搜索词没有运气。

谢谢。

Answer 1

它被称为不确定状态。请参阅此jsFiddle 示例。

$("#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

以下帖子包含一些示例：

如何使用 CSS 设置复选框样式？

来自 CSSDeck 的复选框样式集合的答案中有链接包含类似的示例。

Answer 3

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