单选按钮在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中正常？

回答

相关问题