select标签中的溢出属性

时间:2013-11-13 14:32:22

标签: html css

在select标记中使用时,我无法使overflow属性生效。随附的代码说明了我要做的事情:

<!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 Validator接受代码段,如果这意味着什么,但我找不到任何文档说明这是否是溢出属性的有效使用。

此浏览器是否具体?如果您使用或不使用溢出属性运行代码示例,则Firefox和Chrome会绘制滚动条,但Opera不会。再一次,找不到任何讨论这个的文档。

帮助!

2 个答案:

答案 0 :(得分:0)

下拉列表是特定元素,从浏览器到浏览器的呈现方式不同。如果您想要一致地应用自定义样式并且像以前一样,可以使用普通div替换它,例如使用此插件:http://adam.co/lab/jquery/customselect/

答案 1 :(得分:0)

我找到了一篇文章 -

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

表示您无法设置select元素的样式。这不是严格正确的,但它可以解释为什么溢出属性没有效果。