單選按鈕在IE7中顯示不正確，但在Firefox中正常？

我有一個網站的配置，它在IE8和Firefox工作正常，但你可以在這裏看到：單選按鈕在IE7中顯示不正確，但在Firefox中正常？

alt text http://i36.tinypic.com/nzq63m.jpg

這是一個問題與一些CSS或一個PNG透明度？或者這只是與IE7的東西。

感謝提前:)

2009-10-22 Wayners247

讓我們看看一些代碼。單選按鈕的背景顏色是什麼？ – 2009-10-22 14:31:24

形式輸入[類型=無線電]，形式輸入[類型=複選框] \t \t \t \t \t {邊界：無;}上面是與頁的唯一的代碼。有超過的代碼沒有其它重寫的CSS命令，以下是： 權類型：
弗裏霍爾德<輸入名稱=「權屬Type」類型=「無線電」的值=「弗裏霍爾德」檢查=「檢查」 /> \t \t \t \t \t \t租賃<輸入名稱= 「權屬Type」類型= 「無線電」的值= 「租賃」/> 未知<輸入名稱= 「權屬Type」類型= 「無線電」的值= 「未知」/> 希望有幫助嗎？ – Wayners247 2009-10-22 14:35:34

將代碼複製到htmlsandbox.com時沒有此問題。你能提供更多細節嗎？你可以使用IE開發工具欄，並準確地將後臺和單選按鈕應用於哪些樣式？ – MikeWyatt 2009-10-22 14:45:07

要使用類似問題的人，解決這個問題的方法是添加

background-image: none;

的CSS的單選按鈕:)希望有所幫助。

來源

2009-11-06 12:09:01 Wayners247

我不知道這是否是您所遇到的phenomenom，但它強烈似乎是這樣，那麼：

單選按鈕是<輸入>標籤像任何其他。如果你有一個適用於所有輸入標籤的CSS規則，它們會隨着輸入文本字段一起爲單選按鈕（並提交按鈕和複選框等）啓動。具有諷刺意味的是，IE對這個問題尤其臭名昭着。

我傾向於做的是使用以下類型的HTML代碼段：

<input type="radio" class="radio" ... />

然後我定義的CSS規則是這樣的：

input { 
    // stuff for most input fields goes here, e.g. 
    background-image:url(fancy.png); 
} 
input.radio { 
    // reverting the rules I don't want applied, e.g. 
    background-image:none; 
}

雖然不利用花哨的選擇像人們可以爭論一個人應該這樣做，它確實使得與傳統瀏覽器，尤其是IE6（其中，只要Windows 2000仍在使用，可能不會很快從互聯網上消失）出色的兼容性。

來源

2010-03-19 16:29:25 pinkgothic

我有IE 9，並如下圖所示我的ASP RadioButtonList的白色方形背景：

<asp:RadioButtonList ID="RadioListSearchScope" runat="server" TextAlign="Right" > 
<asp:ListItem Text="Include Thread & Inquiry Keywords" selected="true" Value="0"></asp:ListItem> 
<asp:ListItem Text="Include Thread & Inquiry Title Text" Value="1"></asp:ListItem> 
<asp:ListItem Text="Include Inquiry & Response Body Text" Value="2"></asp:ListItem> 
<asp:ListItem Text="Search All the Above" Value="3"></asp:ListItem>

這在Chrome，火狐等看起來不錯這是由於不必在的CssClass屬性解析在RadioButtonList HTML控件，請記住這是呈現爲輸入的類型=電臺，然後加入這個我全局CSS樣式表：

input[type="checkbox"] { 
     background: transparent; 
     border: inherit; 
     width: auto; 
    } 
    input[type="radio"] { 
     background: transparent; 
     border: inherit; 
     width: auto; 
    }

這似乎ŧ o治癒單選按鈕！文字是O K--但是這個小小的'按鈕'大約有20x20px的區域，無論如何都是白色的。這很好，直到背景不是白色的！

我希望有幫助！

來源

2014-01-15 23:03:47 RussER

單選按鈕在IE7中顯示不正確，但在Firefox中正常？

回答

相關問題