我的问题是HTML和CSS相关。我有一个层次结构类型结构，我想显示在列表中。层次结构包含国家，国家和城市(深入三个层次)。
我想在选择列表中显示列表，每个项目类型(国家，州，市)必须是可选择的。项目应显示为缩进：
United States - Hawaii -- Kauai - Washington -- Seattle -- Chelan
问题在于缩进。我正在尝试使用左侧边距或左侧的左侧缩进标签，这些标签在FireFox中显示正确，但在IE7中却不正确。这是生成的选择列表的示例：
<select name="Something"> <option style="padding-left: 0">United States</option> <option style="padding-left: 20px">Hawaii</option> <option style="padding-left: 40px">Kauai</option> <option style="padding-left: 20px">Washington</option> <option style="padding-left: 40px">Seattle</option> <option style="padding-left: 40px">Chelan</option> </select>
我想通过浏览器实现一致的缩进，而不使用CSS黑客。
解决方法
欺骗的方式好多了，是我的第一个想法。作为替代，如果不起作用是可以使用标签值中的非空格：
<select>
<option>select me</option>
<option> me indented</option>
<option> even more indentation</option>
</select>
它远离漂亮，但如果optgroup没有，它可能适用于您。
