2009-06-17 54 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>