Dan*_*Dan 5 css internet-explorer css-selectors radio-button internet-explorer-8
调试经验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;
}
Run Code Online (Sandbox Code Playgroud)
但我不喜欢它放在单选按钮周围的丑陋边框,所以我用一个选择器来杀死边框:
input[type=radio] { border: none; }
Run Code Online (Sandbox Code Playgroud)
你可能会猜到它在哪些浏览器中运行,哪一个它不起作用.有趣的是,当我按下F12在IE8中启动优秀的开发人员工具时,它实际上告诉我,单选按钮的样式已被覆盖为'none '就像我要求它做的那样,但边框仍然在单选按钮对象上.
我尝试了各种语义的东西,比如将边框宽度设置为0px,或者将颜色设置为像柠檬绿那样疯狂的东西,但它仍然是从第一种样式中获得的最初分配的颜色.
最后,我只尝试了 "文本"对象的样式,在这种情况下,没有样式应用于任何东西.同样,浏览器声称要完成CSS选择,但它在视觉上不会发生.
思考?
顺便说一句,这是一个带有生成代码的DotNetNuke安装,我无法明确设置单选按钮的样式.
谢谢,丹
IE8 似乎以怪异模式而不是标准模式渲染,这总是把 IE 中的一切搞乱。要切换到标准模式,最简单的方法是将文档第一行的 doctype 替换为:
<!DOCTYPE HTML>
Run Code Online (Sandbox Code Playgroud)
您可能还想查看一些正在输出的 HTML。您有一个 ID 范围dnn_dnnMENU_ctldnnMENU
,其中包含数十个虚构属性BackColor
,例如SysImgPath
、MenuItemHeight
等。这些在大多数浏览器中都没有效果(也许 IE 会专门解释它们,我不知道)。
归档时间: |
|
查看次数: |
4490 次 |
最近记录: |