Html 在a中创建缩进的最佳现代方法<；选择>；？

如果您只针对Firefox、Opera和Chrome，而不是IE，并且您只针对现代浏览器（去年发布），那么不使用OptGroup在select中创建多级缩进选项的最佳方法是什么？也就是说，当您希望父选项和子选项都可以选择时

<select>
    <option>
    <option>
        <option>
        <option>
        <option>
    <option>
        <option>
        <option>
            <option>
            <option>
            <option>
        <option>
        <option>
    <option>
    <option>
</select>

---

虽然我不知道在选项级别之间是否有实际的父/子关系，但如果没有，至少有一种方法可以让它看起来像有，三种浏览器之间用户体验相似的地方？

在

文本前添加适量的

（分别为字符代码160）。

添加特殊字符当然有效，但很快就会变得混乱

另一种“语义”选择是使用

。这里的明显限制是不能将它们嵌套在彼此内部，因此只能使用简单的一级分组

通过创造性地使用optgroup命名，您可以在某种程度上克服此限制，如下所示：

<select>
  <optgroup label="Favorite Food">
    <option value="salad">Salad</option>
    <option value="pizza">Pizza</option>
  </optgroup>
  <optgroup label="Favorite Food &gt; Pizza Type">
    <option value="pepperoni">Pepperoni</option>
    <option value="cheese">Cheese</option>
  </optgroup>
</select>

沙拉
披萨
意大利 辣味 香肠
奶酪

这里已经提出了一个类似的问题：是的，从HTML2或HTML3开始，我们就不得不这么做，与上面提到的2009年问题相同。不过，我想知道的是，最近当人们不再尝试支持IE6/IE7/IE8/Firefox2/Netscape Navigator/等等时，人们发现了哪些替代的/不太黑客的方法来做到这一点……我仍然会使用

。除此之外，您还可以用html创建自己的下拉列表。@Brian:没有。这从未在基本HTML控件中实现过，因此香草下拉列表仍然像1999年一样工作。

在Chrome中的缩进很小，并且也作为选定值呈现。如果这是不需要的，请尝试

&emsp