Remarcar el contorno de un radio button

[kabe_jrr]

Hola amigos:

He estado intentando poner un estilo a un radio button para que el contorno del mismo esté algo más marcado, para que se vea mejor. Lo que no quiero es el borde, ya que poniendo ese estilo el borde del radio button es cuadrado, y yo quiero el contorno circular, no cuadrado. He probado otras maneras, con outline por ejemplo, y nada.

¿Qué estilo habría que poner para que el contorno circular del radio button pueda estar algo más marcado?

Muchas gracias de antemano.

[JustinKO]

¿has probado con border-radius?

[kabe_jrr]

Iniciado por JustinKO

¿has probado con border-radius?

Sí, pero nada... se mantiene igual.

Al input radio le he puesto este estilo para hacer la prueba:

Código HTML:

style="border-radius:2px solid black"

[JustinKO]

No, me refería que al radio-button que decías que te salía cuadrado ponerle un border-radius que hiciera redondo el "cuadrado" y luego aparte darle el border. (que yo sepa el solid black ese sobra de esa propiedad)

De todos modos hay métodos para personalizarlo que suele hacerse ocultándolo y añadiéndole el input personalizado con un :before al label o parecido. Pon "personalizar input radios css" en google y te salen muchas maneras de hacerlo.


saludos

[AngelKrak]

amigo podrias subir tu codigo a Codepen para que lo podamos ver Todos y mejor?

por cierto solid black no aplica para Border-radius, solo para el Border;