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;
}