1

在选择标记中使用时，我无法让溢出属性产生任何影响。随附的代码说明了我正在尝试做的事情：

<!DOCTYPE html>
<html>
<body>

<select size=5 style="overflow:auto">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>

</body>
</html>

在这种情况下，我希望下拉框没有垂直滚动条，但确实有。

W3C 验证器接受代码段，如果这意味着什么，但我找不到任何说明这是否是对溢出属性的有效使用的文档。

这个浏览器是特定的吗？如果您在有或没有溢出属性的情况下运行代码示例，那么 Firefox 和 Chrome 会绘制滚动条，但 Opera 不会。同样，找不到任何讨论此问题的文档。

帮助！

4

2 回答 2

0

我找到了一篇文章-

https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Forms/Styling_HTML_forms

这表明您无法设置选择元素的样式。这并不完全正确，但它可以解释为什么溢出属性没有效果。

于 2013-11-14T15:40:39.820 回答
0

下拉菜单是特定元素，它们的呈现方式因浏览器而异。如果你想一致地应用自定义样式并且像你习惯的那样，你可以用普通的 div 替换它，例如使用这个插件：http ://adam.co/lab/jquery/customselect/

于 2013-11-13T14:44:16.947 回答