当前位置:  开发笔记 > 前端 > 正文

有没有办法通过CSS在IE 6上增强HTML <select>及其<option>?

如何解决《有没有办法通过CSS在IE6上增强HTML<select>及其<option>?》经验,为你挑选了2个好方法。

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上工作的跨浏览器表单布局并不是不可能的(尽管你需要仔细测试).执行摘要是您可以控制大小和颜色,但尝试微观管理文本对齐等事情是一场失败的战斗.



1> domgblackwel..:

有关表单元素样式的功能和不适用的详细指南,请参阅此处和此处的文章.从我的商业经验来看,在IE6上工作的跨浏览器表单布局并不是不可能的(尽管你需要仔细测试).执行摘要是您可以控制大小和颜色,但尝试微观管理文本对齐等事情是一场失败的战斗.



2> Matt..:

这不会完全符合你的要求,但你可以使用一些,而不是使用CSS

  ; 

对于缩进,或破折号:

1级

- 级别2

- 等级3

等等

如果你不是特别喜欢它,你可以用它们包围它们

 

要么

 

看起来就像

Level 1
Level 2 
 Level 3

然后你可以拥有现代浏览器的CSS.

推荐阅读
N个小灰流_701
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有