cambiar color a radiobutton

rol2007 · #1 (**permalink**) 24/01/2008, 13:26

hola

quisiera cambiar de color a un radio button alguien sabe como hacerlo?
algo como un cuadrado y dentro el radio

ojala me puedan ayuda

muchas gracias

(no se si esta bien esto aca si es css o js)

hades87 · #2 (**permalink**) 24/01/2008, 18:17

pero que quieres cambiar l color o la forma? si es el color, defines por eje:

#radio{border: #color;} y listo o background:#color; y ya esta

lugo le aplcias el estilo al radiobuton y ya lo tienes ^^

JavierB · #3 (**permalink**) 25/01/2008, 01:58

Hola rol2007

Puedes echarlo un ojo a este enlace:

http://www.smashingmagazine.com/2006...ern-solutions/

Saludos,

rol2007 · #4 (**permalink**) 25/01/2008, 06:05

gracias a ambos vere el enlace y de ahí te cuento

es que estoy validando y necesito que presione sobre uno de los 2 radio que tengo, entonces no tengo como marcar que estos no estan presionados

es eso

rol2007 · #5 (**permalink**) 25/01/2008, 06:31

mira tengo esto,

Código PHP:

  <html>

<body>

<script>    

function valida(){

 errores="";  

    mensaje2="";  

    var unde = 'undefined';

    colorMal="#FFFFEE"; 

    colorBien="white"; 

    mensaje=new Array();

 

 
if(document.form.sel_critcap[0].checked==false && document.form.sel_critcap[1].checked==false){

    mensaje2=mensaje2+"<font color='#DC5454'><b>- Debe seleccionar una opción<br></font>";

}else

return true;

        

    errores+=mensaje2;  

 
        pepe=document.getElementById("herror"); 

        pepe.style.background=(errores!="")?colorMal:colorBien;  

        pepe.style.border=(errores!="")?"solid 1px black":"none";  

        pepe.innerHTML=errores;    

         

        return (errores=="")

}

</script>

<form name="form" onsubmit="return valida();"

  <td width="337"><input name="sel_critcap" type="radio" value="1" class="radio">  

  <td width="337"><input name="sel_critcap" type="radio" value="2" class="radio">  

          <td align="center"><input name="Submit" type="submit" class="cmd" value="  Aceptar  " ></td>

</form>

 
 <table width="73%"  border="0" align="center" cellpadding="0" cellspacing="0"><tr>

              <td style="font:normal 10px/15px verdana;padding:5px 5px 5px 5px;"rowspan=10 valign="top" 

 
id="herror"></td>

                   </tr></table>

</BODY>

</html>

no puedo integrar el css para los radios
me pueden ayudar

hades87 · #6 (**permalink**) 25/01/2008, 06:56

declara el estilo para los input directamente :P

rol2007 · #7 (**permalink**) 25/01/2008, 07:03

no se como poh :(

hades87 · #8 (**permalink**) 25/01/2008, 09:27

pon

input{
border: 1px solid color;
}