Bordes en los botones "radio"

Hador · #1 (**permalink**) 24/04/2006, 14:33

Tengo esta web indieroom.net: y a mitad página hay una encuesta en las opciones a votar tienen unos bordes cuadrados, quiero quitarlos.

Este es el codigo usado en el css:

Código:

input {background-color:#333333; color: #ffffff; border: 1px solid #666666; size: 9px; font: 10px Verdana, Arial, Helvetica, sans-serif;}
textarea { background-color: #333333; color: #ffffff; border: 1px solid #666666; font: 10px Verdana, Arial, Helvetica, sans-serif;}
select {background-color:#333333; color: #ffffff; border: 1px solid #666666; size: 9px; font: 10px Verdana, Arial, Helvetica, sans-serif;}
.button {font: 10px Verdana, Arial, Helvetica, sans-serif; background-color: #000000; color: #ffffff;}

safe · #2 (**permalink**) 24/04/2006, 15:42

Hola.. deberias agregar una clase de estilo especial para los radios que elimine el border y aplicarsela a todos los radio buttons

Código:

<html>
<head>
<style type="text/css">
input {background-color:#333333; color: #ffffff; border: 1px solid #666666; size: 9px; font: 10px Verdana, Arial, Helvetica, sans-serif;}
input.radio {border:0;}
textarea { background-color: #333333; color: #ffffff; border: 1px solid #666666; font: 10px Verdana, Arial, Helvetica, sans-serif;}
select {background-color:#333333; color: #ffffff; border: 1px solid #666666; size: 9px; font: 10px Verdana, Arial, Helvetica, sans-serif;}
.button {font: 10px Verdana, Arial, Helvetica, sans-serif; background-color: #000000; color: #ffffff;}
</style>
</head>
<body>
<form ...

<input type="radio" name="radiob" class="radio" />

.../form>
</body>
</html>

Hador · #3 (**permalink**) 25/04/2006, 08:06

Muchas Gracias :) Probé algo así pero me equivoqué y no puse input. , puse radio. :P