html – 在“SELECT”标签中呈现“OPTION”层次结构
发布时间:2020-12-14 21:41:23 所属栏目:资源 来源:网络整理
导读:我的问题是HTML和CSS相关。我有一个层次结构类型结构,我想显示在列表中。层次结构包含国家,国家和城市(深入三个层次)。 我想在选择列表中显示列表,每个项目类型(国家,州,市)必须是可选择的。项目应显示为缩进: United States- Hawaii-- Kauai- Washing
我的问题是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没有,它可能适用于您。 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |