IE中的下拉菜单填充答案

【问题标题】：drop down menu padding in IEIE中的下拉菜单填充
【发布时间】：2014-02-01 11:44:02
【问题描述】：

我已经在 IE8 及其兼容模式中检查了这一点，在 Firefox 中此代码工作正常，但在 IE 中它没有按预期缩进。代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>blah blah</title>

</head>

<body>

<select>
    <option style="padding-left: 0px;">Blah</option>
        <option style="padding-left: 5px;">Blah</option>
            <option style="padding-left: 10px;">Blah</option>
    <option style="padding-left: 0px;">Blah</option>
        <option style="padding-left: 5px;">Blah</option>
</select>

</body>
</html>

感谢 Slaks，这听起来很有希望，但 optgroup 缺少 value 属性。事实上，我有该区域的下拉列表，如下所示：

阿尔巴尼亚

Tirana

英国

London

巴基斯坦

印度

美国

New York

在这种情况下，用户还可以选择英国，例如，我不希望英国重复两次。有什么解决办法吗？

P.S 很抱歉，实际上并不知道这个富编辑器中的格式化工作，但我想你会明白的意思，阿尔巴尼亚是一个国家，然后地拉那是阿尔巴尼亚的城市，所以它应该在下拉列表中缩进用户来确定地拉那在阿尔巴尼亚之下。

谢谢

【问题讨论】：

这个问题已经解决了。这个博客有帮助。好像 IE 根本不支持 CSS。 blog.christopherschultz.net/index.php/2009/02/10/…

标签： css drop-down-menu internet-explorer-8

【解决方案1】：

我怀疑您正在寻找 optgroup 元素。

【讨论】：