los botones de radio de desaparecer en ie y chrome

Question

La siguiente es la hoja de estilo

 select,input ,td a {border:1px solid green; width:25%;height:25px;font-size:20px;margin-  left:.1em;}
input.myradio {border:none;width:0%;height:0%;font-size:0%;}

El de abajo es en html

<td><input class="myradio"  type="radio" name="poolstatus" value="Add">Add</input><td>

Es perfecto en firefox, pero en chrome y en IE no se muestran los botones de la radio?Por qué así?

Answer 1

Es porque le ha dicho al botón de radio que sea 0% alto, que es 0px, que no está allí.

Puede anular esto diciendo que la altura y el ancho son 'automáticos', lo que los restablecerá (a menos que haya una regla que sea más específica en otro lugar de la hoja de estilo)

input.myradio {
  border:none;
  width:auto;
  height:auto;
}

Answer 2

Mi conjetura es el " ancho: 0%; altura: 0% " en su input.myradio class. necesitas ancho y alto.

Prueba esto:

input.myradio {border:none;width:1em;height:1em;}

Answer 3

¿Por qué tiene una altura y un ancho especificados de 0% para ellos? Supongo que es por eso que IE y Chrome no muestran los botones de radio porque tienen un tamaño de 0 píxeles.

Answer 4

Hay que poner el botón de radio dentro de <form> etiqueta y van a aparecer en Chrome y IE:

<form><input type="radio" /></form>