Cambiar el color del borde de la checkbox y el botón de opción

¿Cómo cambiar el color del borde de la checkbox y el botón de opción (círculo y color del rectángulo) usando CSS?

Intenté mucho pero no obtuve el correcto.

Por favor, consegeme?

Solutions Collecting From Web of "Cambiar el color del borde de la checkbox y el botón de opción"

Simplemente no es posible. Sin embargo, hay una solución alternativa en la que la checkbox real se hace invisible y la etiqueta con estilo se utiliza como una superposición. Se ve bien y funciona bien.

Más sobre esto aquí: http://css-tricks.com/the-checkbox-hack/

Envuelva la checkbox con un div y luego ponga un borde alrededor de él o cree una table y coloque un borde alrededor del td

 div{ border: 1px solid red } 

o

 td{ border: 1px solid red } 

Puede hacer un botón de opción personalizado. Puede usar js para mostrar u ocultar una imagen. La imagen se verá como la checkbox diseñada y la checkbox original debe ocultarse. Cambiar el valor de la checkbox al hacer clic en la imagen.