作者热门文章
- objective-c - iOS 5 : Can you override UIAppearance customisations in specific classes?
- iphone - 如何将 CGFontRef 转换为 UIFont?
- ios - 以编程方式关闭标记的信息窗口 google maps iOS
- ios - Xcode 5 - 尝试验证存档时出现 "No application records were found"
Internet Explorer 6 似乎完全忽略了 CSS 类或 select、option 或 optgroup 标签的规则。
有没有办法绕过这个限制(除了安装最新版本的 IE)?
编辑:更准确地说,我正在尝试在该示例的选项之间建立层次结构:
这是 HTML 片段:
<select name="hierarchicalList" multiple="multiple">
<option class="group niv0">Os developers</option>
<option class="group niv1">Linux</option>
<option class="user niv2">Linus Torvald</option>
<option class="user niv2">Alan Cox</option>
<option class="group niv1">Windows</option>
<option class="user niv2">Paul Allen</option>
<option class="user niv2">Bill Gates</option>
<option class="group niv1">Mac Os</option>
<option class="user niv2">Steve Wozniaz</option>
</select>
这里是 CSS 规则,它在最近的浏览器(如 FF3)上运行良好,但在 IE6 上根本不起作用:
select option {
line-height: 10px;
}
select option.group {
font-weight: bold;
background: url(path_to_group_icon.gif) no-repeat;
padding-left: 18px;
}
select option.user {
background: url(path_to_user_icon.gif) no-repeat;
padding-left: 18px;
}
select option.niv0 { margin-left: 0px; }
select option.niv1 { margin-left: 10px; }
select option.niv2 { margin-left: 20px; }
最佳答案
文章 here 和 here 中有一个非常详细的指南,说明什么适用于和不适用于表单元素样式。从我的商业经验来看,在 IE6 上工作的跨浏览器表单布局并非不可能(尽管您确实需要仔细测试)。执行摘要是您可以控制大小和颜色,但尝试微观管理文本对齐等事情是一场失败的战斗。
关于css - 有没有办法通过 CSS 增强 HTML <select> 及其在 IE 6 上的 <option>?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/182035/
我是一名优秀的程序员,十分优秀!