是否可以在样式表中而不是在 HTML 属性中默认选中复选框？

Question

如标题所说：可以在样式表中默认选中一个复选框，而不是在内联 HTML 属性中吗？

来自 w3schools.com 的示例，选中 "car" 框：

<form action="demo_form.asp">
<input type="checkbox" name="vehicle" value="Bike"> I have a bike<br>
<input type="checkbox" name="vehicle" value="Car" checked> I have a car<br>
<input type="submit" value="Submit">
</form>

我正在创建一个 "I agree to the Terms and Conditions" 复选框，但由于我在其上创建的网站笨拙，我无法创建内联 CSS。相反，我可以为该字段分配 css class，并在较大的样式表中编辑 class。

如果方便的话，这将是页面上唯一的复选框。

Answer 1

很遗憾，无法在 CSS 中选中复选框。它依赖于input元素的checked属性，不能通过CSS.

修改属性

或者，您可以查看 JavaScript 解决方案，但当然最好的方法是直接编辑 HTML。

Answer 2

首先，这不是 css 而是 html 元素的属性。

另一种检查方法是使用 javascript，使用 css 你只能 select 像这样：

input[type=checkbox]:checked  /* select checked checkbox */
input[type=checkbox]  /* select any checkbox */

是否可以在样式表中而不是在 HTML 属性中默认选中复选框？

Can a checkbox be checked by default in the stylesheet, rather than in an HTML attribute?

html

css

checkbox

checked