В приведенной ниже в таблице стилейрадио кнопки исчезают, т.е. и хрома
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 не показываются кнопки радио? Почему так?
Это потому, что вы сказали радиокнопку быть 0% высокий - что 0px - что нет.
Вы можете изменить это, говоря высоту и ширину, чтобы быть «Авто», который сбросит их (если не это правило, которое является более специфичным где-то в таблицу стилей)
input.myradio {
border:none;
width:auto;
height:auto;
}
да thts works , я хотел бы переопределить правило общего выбора, поскольку оно было все включено, а вход ['text'] работал не так хорошо, thx so much – dhaval
input ['text'] не является допустимым селектором CSS, я думаю, что вы имели в виду использовать «селектор атрибутов», который будет вводиться [type = text] - но это не работает в IE6, поэтому вам решать, хотите ли вы поддерживать IE6 или нет :) – iblamefish
Почему у вас есть высота и ширина, указанные для них 0%? Я предполагаю, что именно поэтому IE и Chrome не показывают переключатель, потому что они имеют размер 0 пикселей.
Моя догадка - это «ширина: 0%; высота: 0%» в вашем классе ввода.myradio. вам нужна ширина и высота.
Попробуйте это:
input.myradio {border:none;width:1em;height:1em;}
Вы должны поставить свой радио-кнопка в <form> тега, и они будут появляться в Chrome и IE:
<form><input type="radio" /></form>
Doesn Не работайте в хроме, это не решение. – Alex2php
Я не могу сказать, если возможно, вы не копировать/вставить код правильно, но ваш тд не closted правильно и у вас есть пробел в поле-левом – Geoff
его опечатка для копирования - извините – dhaval