调试经验 http://www.dmhermitage.org/wtfborders.png 这让我想自杀。
我有一些非常简单的CSS来为我的输入对象设置样式:
input, button
{
border: 1px solid #c66600;
background-color: white;
color: #7d212f;
font-family: "Eras Light ITC", Tahoma, sans;
}
但是我不喜欢它在单选按钮周围放置的丑陋边框,因此我使用选择器来去除边框:
input[type=radio] { border: none; }
您可以猜到这在哪些浏览器中有效,在哪个浏览器中无效。有趣的是,当我按F12启动IE8中的优秀开发者工具时,它实际上告诉我,单选按钮的样式已被覆盖为“无”,就像我要求的一样,但边框仍然留在单选按钮对象上。
我尝试了各种语义化的方法,比如将边框宽度设置为0px或颜色设置为像酸橙绿这样的疯狂颜色,但它仍然保持最初分配的颜色,这是从第一个样式中获取的。
最后,我尝试仅对“文本”对象进行样式设置,在这种情况下,任何样式都不会应用于任何内容。同样,浏览器声称实现了CSS选择,但在视觉上并没有发生。
您有什么想法?
顺便说一句,这是一个DotNetNuke安装程序,其中生成的代码无法明确设置单选按钮的样式。
谢谢, 丹
-webkit-appearance: radio
,也许这并没有帮助? - Kyleinput[type=radio]
吗? - Pekka