2009-06-17 55 views
5

消失在样式表单选按钮在IE和下方的镀铬

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

我不能告诉,如果也许你没有复制/代码粘贴正确,但你的TD不正确closted和你有一个空格留空 – Geoff 2009-06-17 18:20:53

+0

其复制粘贴错字 - 对不起 – dhaval 2009-06-18 02:37:38

回答

7

那是因为你已经告诉单选按钮为0%,高的 - 这是0像素 - 这是不存在的。

,你可以告诉高度和宽度是“汽车”,这将重置他们(除非有一个规则,这是更具体的其他地方在样式表),你需要把你的

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

为什么你的高度和宽度指定为0%?我猜这就是为什么IE和Chrome不显示单选按钮,因为它们的大小为0像素。

3

我的猜测是你的input.myradio类中的“width:0%; height:0%”。你需要一个宽度和高度。

试试这个:

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

它覆盖了通用的选择规则,这是不适合广播和手动宽度在%或em或px不工作,我不知道为什么,但汽车工程 – dhaval 2009-06-18 02:36:57

+0

是的,汽车是更正确的,谢谢 – jlarson 2009-06-18 03:31:18

-2

覆盖此<form>标签内的单选按钮,它们将出现在Chrome和IE:

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