радио кнопки исчезают в то есть и хром
-
06-07-2019 - |
Вопрос
Ниже приведена таблица стилей
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 не отображаются переключатели? Почему так?
Решение
Это потому, что вы указали переключатель в 0% (что составляет 0px), которого там нет.
Вы можете переопределить это, указав высоту и ширину как 'auto', что их сбросит (если только в таблице стилей нет более конкретного правила)
input.myradio {
border:none;
width:auto;
height:auto;
}
Другие советы
Я думаю, это " ширина: 0%; высота: 0% " в вашем классе input.myradio. вам нужна ширина и высота.
Попробуйте это:
input.myradio {border:none;width:1em;height:1em;}
Почему для них указана высота и ширина 0%? Я предполагаю, что именно поэтому IE и Chrome не показывают переключатель, потому что они имеют размер 0 пикселей.
Вы должны поместить переключатель в тег <form>
, и они появятся в Chrome и IE:
<form><input type="radio" /></form>