Question

我在select中使用了以下html代码。

<html>
<head>
<title>
</title>
</head>
<body>
<form>
<select id="cbotest" style="width:100px;">
   <option id="Option1">test value for option value 1</option>
   <option id="Option2">test value for option value2 long description</option>
   <option id="Option3">test value foroption value3 very long description</option>
</select>
</form>
</body>
</html>

但Internet Explorer会显示组合框的内容，如下所示。它会截断组合框的内容以匹配组合框的宽度。该问题仅出现在IE中。 Mozilla和Firefox中没有这个问题。我该如何解决这个问题？

test value for
test value for
test value for

Answer 1

我曾经遇到过这个问题。我通过在有人点击它时将宽度设置为自动并在用户关闭弹出窗口时重置宽度来解决此问题。我只是在它上面做了这个技巧。

Answer 2

您是否尝试设置组合框的宽度以使其足够长以用于每个选项？

Answer 3

删除组合框中的样式 - style =“width：100px;”

IE没有显示组合框的完整内容

3 个答案: