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?

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.