包裹在“选择”标签内时的 HTML 和 CSS 可能性答案

【问题标题】：HTML and CSS possibilities when wrappeded inside 'select' tags包裹在“选择”标签内时的 HTML 和 CSS 可能性
【发布时间】：2010-11-14 15:56:17
【问题描述】：

我需要以树的形式显示选择区域中存在的选项（允许多选）。这棵树需要是可折叠/可扩展的。我已经实现了它，使其在 FF 中看起来和工作正常。

- 1 - 1.1 + 1.1.1 - 1.1.2 - 1.1.2.1 - 1.1.2.2 - 1.1.2.3 + 1.1.3

我通过使用左填充和类似 google 的“+”“-”背景设置 <option> 标记来实现这一点。用于折叠等的 JS 使用 jQuery 完成。

但在 IE 中看起来好像没有进行任何更改，并且 JS 也不起作用：|

1 1.1 1.1.1 1.1.2 1.1.2.1 1.1.2.2 1.1.2.3 1.1.3

IE 是否不允许将填充、背景等附加到<option> 标签？我怎样才能做到这一点？

在 IE6 上不支持这项工作是不可能的。稍后再讨论；）

【问题讨论】：

【解决方案1】：

造型<option>s in IE is quite limited。恐怕你找不到任何使用

简而言之：

IE (5,6,7,8) 仅支持更改选项元素的文本颜色、背景颜色和字体。

有一个 jQueryUI Tree 正在开发中，并且已经有各种 jQuery 实现。我强烈建议使用其中之一。（PS大多使用UL、LI标签组成结构）

我很喜欢这个。 "jQuery File Tree"

【讨论】：

【解决方案2】：

您可以使用丰富的组合框小部件。 ExtJS (You can find it here) 是一个非常好的小部件库，他们在他们的论坛上有很大的支持。

【讨论】：

【解决方案3】：

样式化表单控件是很成问题的。实现浏览器一致性的唯一方法是将表单元素替换为常规元素，如样式 divs。

这个jQuery click menu 插件可能很有用，您可以使用它来设置点击时隐藏的输入。

【讨论】：

【解决方案4】：

您不是真的在寻找多级手风琴脚本吗？手风琴就是这样做的，它们会展开和折叠。

【讨论】：