Cómo diseñar una casilla de verificación usando CSS

Estoy tratando de diseñar una casilla de verificación con lo siguiente:

<input type="checkbox" style="border:2px dotted #00f;display:block;background:#ff0000;" />

Pero el estilo no se aplica. La casilla de verificación aún muestra su estilo predeterminado. ¿Cómo le doy el estilo especificado?

preguntado el 10 de noviembre de 10 a las 16:11

creo que estás buscando algo como esto: asimishaq.com/myfiles/image-checkbox Ver esta publicación: stackoverflow.com/questions/16352864/… -

cssdeck.com/labs/css-checkbox-styles -

I escribió un tutorial sobre cómo personalizar casillas de verificación y radios solo con CSS, así como también cómo crear interruptores de encendido / apagado. ¡Échale un vistazo! -

el estilo de borde parece border: 1px solid #color;, Realmente. Arregle eso y diga si funcionó. -

Cualquiera que sea la decisión que tome para diseñar casillas de verificación o botones de opción a través de CSS, asegúrese de que estén accesibles. A partir de este comentario, creo que solo 2 de las 33 respuestas hasta ahora son accesibles. Para el resto de las respuestas, está cortando la mayor parte, si no toda, la accesibilidad. (ctrl+f "accesibilidad") -

0 Respuestas

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.