Agregar estilo a un input radio para mostrarse en chrome y safari

[sumde]

Hola a todos, estoy armando un formulario en el que incluyo un input de tipo radio, el problema es que mientras que en Firefox se ve la casilla y al darle clic le sale una palomita de que esta seleccionada, en chrome solo aparece un cuadrito, lo que quisiera es que pudiera verse si no igual si que se muestre la casilla seleccionada de alguna forma para que el usuario sepa qué ha elegido, por que asi pareciera que no hace nada.
Esto es lo que tengo:
// Una clase para darle tamaño
<style>
.borderExampleCheckbox {
border: 1px solid #456987;
display: inline-block;
width: 1em;
height: 1em;
-webkit-border-radius:3px;
-moz-border-radius:3px;
margin: 0 5px 0 0;
}
</style>

y dentro de form:

<p>Seleccione una opcion:</p>
<br/>
<input class="borderExampleCheckbox" name="registro" type="radio" id="registro" value="Opcion1" checked /> Opcion 1

<input class="borderExampleCheckbox" name="registro" type="radio" id="registro" value="Opcion2"/>Opcion2


Si alguien sabe una forma con css lo agradeceré mucho.
Saludos!!!