顯示一個 <input type=“checkbox”> 元素，中間有一個方框，而不是選中標記

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之類的控件或類似的控件，它們將基本上通過其他方式模擬表單控件，並將值存儲在隱藏的表單字段中。