радио кнопки исчезают в то есть и хром

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 все отлично, но в Chrome и IE не отображаются переключатели Почему так?

Answer 1

Это потому, что вы сказали переключателю, что он имеет рост 0% (что составляет 0 пикселей), которого нет.

Вы можете переопределить это, указав высоту и ширину как 'auto', что сбросит их (если только в таблице стилей нет более конкретного правила)

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

Answer 2

Я предполагаю, что "ширина: 0%; высота: 0%" в вашем классе 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>