为什么默认选择的选项不受溢出影响:隐藏?

Kal*_*yan 7 html css

对于初学者,请检查这个小提琴 - > http://jsfiddle.net/xV4s3/

正如你所看到的,我们有一个包装器,overflow: hidden里面有一个原生select的三个选项和一个ul样式看起来像一个选项有三个项目.
现在,当你点击ul时,你可以看到它的高度变化(由于脚本),但是除了包装器之外什么都没有看到,因为overflow: hidden.这符合预期.

我的问题是关于默认select的选项,因为我在规范中找不到任何东西.
他们为什么不受影响overflow: hidden

Bol*_*ock 3

这可能只不过是一个实现细节。CSS2.1 关于溢出控制的唯一说法是,该overflow属性根据应用该属性的包含块来控制内容的溢出。它没有定义表单元素的行为和呈现等与此属性相关的行为。

正如我所评论的,很明显,下拉菜单不是作为包装器甚至元素的后代创建的select。事实上,大多数浏览器可能选择完全独立于画布进行渲染,并将其作为应用程序级或系统级 UI 元素本身(可能是出于可用性原因)。请注意,虽然您可以将 CSS 应用于option元素来影响下拉菜单的显示方式,但您实际上无法设置下拉菜单本身的样式。