CSS para input CHECKBOX

A las buenas, alguien me podría comentar si existe algún tipo de propiedad en css para cambiar el aspecto de un checkbox????? me estoy volviendo loco, no encuentro nada, unicamente poder cambiar el tamaño, pero lo que me interesaría sería el border y background-color.
Gracias de antemano
Saludos

échale un ojo a este enlace; utiliza javascript, con sólo css no es posible cambiar mucho el aspecto...
http://www.badboy.ro/articles/2005-07-23/index.php

exactamente.. solo css no se puede

Ocupas mucho DOM y obviamente Javascript para lograrlo.

Gracias fael, aunque creo q no me va a compensar usarlo, como dicen, creo q no merece la pena tanto script, estoy probando a jugar con la transparencia de las capas para provocar un efecto parecido y creo q va me va a ser más rentable

ehm.. de hecho no es "tanto script", nada que interfiera con la forma normal en la que el código se muestra y sí, el truco de éste es usando las transparencias..... así que básicamente harías lo mismo

en fin, saludos

Hola,

Tienes dos opciones (que ahora se me ocurran):

1.- Crear un class con todo lo que quieras cambiar de él, por ejemplo:

.casilla-seleccion {
background:#FFF;
color:#000;
font-size:16px;
}
y todos los que se te ocurran y aplicarselo directamente a ese checkbox
<input name="checkbox" type="checkbox" class="casilla-selccion" value="checkbox" />

2.- O por otro lado hacer uso de:

#nombre_de_tu_div input [type="checkbox"] {
background:#FFF;
color:#000;
font-size:16px;
}

De manera que todos los checkbox que contenga el div "nombre_de_tu_div " apliquen esos estilos,

Espero haber sido de ayuda, lastima que lea esto con una año casi de retraso, pruébalo y me dices.

Un abrazo,

Ok ok, si existe una forma con _poco_ js y mucho html/css, pero es un hack complejo y requiere de mucha creatividad.

Puedes encerrar cada uno de los input[type="checkbox"] con una etiqueta en especifica (solo los checkbox), les pones una clase que tenga el background-image y los tamaños exactos.

Luego pones al checkbox display:block con un tamaño exacto e igual al mismo contenedor. Una vez hecho esto le pones opacidad a 0, lo cual haria que sea funcional pero igual puedas darle click y seleccionarlo.

Ahora viene el javascript, usas el js, crea un condicional que funcione cada que uno le de click al checkbox. Si está seleccionado agrega la clase selected (y este reemplaza el background), sino se lo quita.

Y listo, ese es el efecto, es posible y muy real. Pero es algo complejo, requieres algo de experiencia en el tema y sobretodo "imaginación + creatividad".

Un saludo.

ATL

Hola man!!! Esta respuesta llegó casi 3 años después. Bueno yo encontre un artículo interesante en donde muestran una forma con css si javascript

http://www.whatstyle.net/articles/18/pretty_form_controls_with_css