i pulsanti di opzione scompaiono in ie e chrome

Question

Il seguente è nel foglio di stile

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

Il seguente è in html

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

È perfetto in Firefox ma Chrome e IE non mostrano i pulsanti di opzione? Perché sì?

Answer 1

È perché hai detto al pulsante di opzione di essere alto 0% - che è 0px - che non c'è.

Puoi ignorarlo dicendo che l'altezza e la larghezza sono "auto" che le resetterà (a meno che non ci sia una regola che è più specifica da qualche altra parte nel foglio di stile)

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

Answer 2

La mia ipotesi è " larghezza: 0%; altezza: 0% " nella tua classe input.myradio. hai bisogno di larghezza e altezza.

Prova questo:

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

Answer 3

Perché hai un'altezza e una larghezza specificate dello 0% per loro? Immagino sia per questo che IE e Chrome non mostrano il pulsante di opzione, perché hanno una dimensione di 0 pixel.

Answer 4

Devi mettere il tuo pulsante di opzione nel tag <form> e appariranno in Chrome e IE:

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