Internet Explorer 6似乎完全忽略了选择,选项或optgroup标签上的CSS类或规则.
有没有办法绕过这个限制(除了安装最新版本的IE)?
编辑:更确切地说,我正在尝试在这样的选项之间构建一个层次结构:
这是HTML片段:
这里是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; }
domgblackwel.. 8
有关表单元素样式的功能和不适用的详细指南,请参阅此处和此处的文章.从我的商业经验来看,在IE6上工作的跨浏览器表单布局并不是不可能的(尽管你需要仔细测试).执行摘要是您可以控制大小和颜色,但尝试微观管理文本对齐等事情是一场失败的战斗.
有关表单元素样式的功能和不适用的详细指南,请参阅此处和此处的文章.从我的商业经验来看,在IE6上工作的跨浏览器表单布局并不是不可能的(尽管你需要仔细测试).执行摘要是您可以控制大小和颜色,但尝试微观管理文本对齐等事情是一场失败的战斗.
这不会完全符合你的要求,但你可以使用一些,而不是使用CSS
  ;
对于缩进,或破折号:
1级
- 级别2
- 等级3
等等
如果你不是特别喜欢它,你可以用它们包围它们
要么
看起来就像
Level 1 Level 2 Level 3
然后你可以拥有现代浏览器的CSS.