问问题
505 次
1 回答
3
我假设您要问的是您是否可以select
使用某些选择器来定位 a 的下拉位并对其应用样式,就像您链接的问题中的弹出框一样。
答案是有点。
HTML5 元素是Shadow DOM 小部件的select
一个示例。
简而言之,您看到的下拉菜单既不是元素select
也不是option
元素。它是一个隐藏元素,只能使用 Shadow DOM API 定位。
到目前为止,shadow DOM 规范是一个工作草案,大多数浏览器根本没有实现。Chrome 是唯一提供大量 Shadow DOM 支持的浏览器(截至 2013 年 5 月)。
因此,对您的问题的跨浏览器纯 CSS 答案涉及“hacks”,就像对这个 StackOverflow 问题的答案一样。
如果你反对这样的事情——也许是出于语义原因——那么你应该考虑使用 Javascript 解决方案。此 Javascript 解决方案可能涉及制作您自己的 HTML 小部件,其行为类似于选择,但由常规 DOM 元素组成,您可以控制其样式。您可能想尝试许多功能丰富的 Javascript 选择。举个例子,看看我个人最喜欢的选择之一。
如果你想为未来做准备,我建议你在 HTML5 Rocks 上查看Shadow DOM 教程。他们是一本好书。
于 2013-05-28T19:58:24.127 回答