rádio botões desaparecem no IE e no Chrome

Question

A seguir está na folha 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%;}

A seguir está em html

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

É perfeito no firefox, mas Chrome e IE não estão mostrando botões de rádio? Por que isso?

Answer 1

É porque você disse o botão de rádio para ser 0% de altura - que é 0px -. Que não existe

Você pode substituir isso, dizendo a altura e largura para ser 'auto' que irá redefini-las (a menos que haja uma regra que está em algum lugar mais específico mais na folha de estilo)

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

Answer 2

O meu palpite é que o "width: 0%; height: 0%" em sua classe input.myradio. você precisa de uma largura e altura.

Tente isto:

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

Answer 3

Por que você tem uma altura e largura especificada de 0% para eles? Eu estou supondo que é por isso que o IE e Chrome não estão mostrando o botão de opção, é porque eles têm um tamanho de 0 pixels.

Answer 4

Você precisa colocar o seu botão de opção dentro da tag <form> e eles aparecerão no Chrome e IE:

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