Quiero tener una casilla grande con un ancho de 16px y una altura de 16px. No quiero tener que usar un plugin de JavaScript. ¿Se puede hacer esto con CSS moderno?¿Cómo puedo hacer una casilla de verificación con un ancho y una altura de 16px?
El primer enlace es específicamente para formularios de Wufoo. Y debe tenerse en cuenta que algunos navegadores (Explorer menos de 9) no podrán utilizar las técnicas en su segundo enlace. – Sparky
Supuse que no podemos usar las palabras CSS e IE modernos juntos :) y wufoo todavía produce HTML, incluidos los elementos de la casilla de verificación, por lo que la técnica se aplica independientemente. –
Solo pensé en señalarlo si no fuera obvio para nadie. – Sparky
Puede desactivar la aparición casilla defecto con apariencia propiedad en CSS y después de que el estilo de la forma que quiera con las fronteras, el origen de las imágenes y etc:
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
Para activar el vuelo estacionario y los estados controlados, use:: hover,: checked y: hover: checked pseudoclasses.
Otra forma es utilizar transformada propiedad para aumentarla:
-webkit-transform: scale(1.6,1.6);
-moz-transform: scale(1.6,1.6);
-o-transform: scale(1.6,1.6);
CSS puro: 'entrada [type = casilla] {width: 16px; height: 16px} ' –