selectores - ¿Se puede marcar una casilla de verificación por defecto en la hoja de estilo, en lugar de en un atributo de HTML?

selectores avanzados css

Question

Como dice el título: ¿se puede marcar una casilla de verificación por defecto en la hoja de estilo, en lugar de en un atributo de HTML en línea?

Ejemplo de w3schools.com, la casilla "automóvil" está marcada:

<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>

Estoy haciendo una casilla de verificación de "Acepto los Términos y Condiciones", y debido al sitio web torpe en el que estoy haciendo esto, no puedo crear CSS en línea. En cambio, puedo asignarle a este campo una clase css, y editar la clase en la hoja de estilos más grande.

Si lo hace más fácil, esta será la única casilla de verificación en la página.

Answer 1

En primer lugar, esto no es un css sino un atributo del elemento html.

Otra forma de comprobarlo es con javascript, y con css solo puedes seleccionarlo así:

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

Answer 2

Por desgracia, no se puede marcar una casilla de verificación en CSS. Se basa en el atributo checked del elemento de input , y los atributos no se pueden modificar a través de CSS.

Alternativamente, podría buscar una solución de JavaScript, pero, por supuesto, la mejor manera sería editar el HTML directamente.