IEとChromeでラジオボタンが消える

Question

以下はスタイルシートです

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

以下はhtmlにあります

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

Firefoxでは完璧ですが、クロムとIEはラジオボタンを表示していませんか？なぜですか？

Answer 1

ラジオボタンの高さを0％（0px）-そこにないように指定したためです。

高さと幅を 'auto'に設定することでこれを上書きできます（スタイルシートのどこかにもっと具体的なルールがない限り）

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

Answer 2

<！> quot; width：0％; height：0％<！> quot; input.myradioクラスで。幅と高さが必要です。

これを試してください：

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

Answer 3

なぜそれらに0％の高さと幅が指定されているのですか？ IEとChromeのラジオボタンが表示されないのは、そのためだと思います。サイズが0ピクセルであるためです。

Answer 4

<form>タグ内にラジオボタンを配置する必要があり、それらはChromeとIEに表示されます：

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