如何在IE中删除空<select>的空格</select>

时间:2013-08-13 03:42:16

标签: html css

以下是我在IE8和Chrome中的空<select>截取的屏幕截图。 会发生的情况是,当<select>元素为空时,IE8仍显示长下拉列表,但只有空格,而Chrome没有显示任何内容(这也是我在IE中想要的内容)。

对此有何想法?

P.S。我无法为此添加虚拟<option>

empty select in IE and other browsers

1 个答案:

答案 0 :(得分:2)

您可以通过插入空选项或像此

这样的optgroup来实现
<select><optgroup></optgroup></select>

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

或@Shivam你可以这样做

<select><option selected="selected">Pick an Option</option>

但是你提到你不需要虚拟选项。但默认情况下,浏览器的行为与您在问题中提到的一样。