在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不会。再一次,找不到任何讨论这个的文档。
帮助!
答案 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元素的样式。这不是严格正确的,但它可以解释为什么溢出属性没有效果。