html - 为什么默认选择的选项不受溢出影响：隐藏？

Question

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

正如你所看到的，我们有一个包装器，overflow: hidden里面有一个select带有三个选项的 native 和一个ul样式，看起来像一个包含三个项目的 select。
现在，当您单击 ul 时，您可以看到它的高度变化（由于脚本），但由于overflow: hidden. 这按预期工作。

我的问题是关于 defaultselect的选项，因为我在规范中找不到任何内容。
为什么他们不受影响overflow: hidden？

Answer 1

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

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