【发布时间】：2015-06-24 02:46:23
【问题描述】：
我正在尝试制作一个下拉菜单 - 仅在 CSS 中 - 在鼠标单击时（而不是在鼠标悬停时）下拉菜单并有一个滚动条，因为大约有 22 个选项。我目前所拥有的，在这里：http://fiddle.jshell.net/yobqsjb2/1/
（我仅限于 CSS，因为 Javascript、PHP 等被大学阻止。我也无法使用 select 或 options 代码（IE：[select name='menu'] [option value='1' ]first item[/option]) 在页面的 HTML 中，因为编辑器一直在删除它们。我从网上得知 WordPress 上的 TinyMCE 可视化编辑器正在执行此操作，但不幸的是，我无权更改它，所以我需要解决这个限制。）
我已经从其他来源获取代码进行调整，但我完全承认几年前我更多地从事 PC 维修方面的工作（职业改变，现在将公司网站迁移到新领域）而不是前程序员。我看到的很多内容应该可以解决其他用户代码的问题，我不太明白他们做得足够好，无法在这里应用它......
我知道“点击时”问题出在 a:hover 和 li:hover（与 a:active / li:active 相比），但是当我切换它们时，当鼠标点击菜单时菜单就会消失。我读到我需要一个“显示：块；”在代码中的某处，但根据显示的示例，我已将其放在每个代码段中，并且在所有代码段中......它似乎不想解决问题。
就滚动条而言，我一直在寻找的所有内容都在 Javascript 中，或者在一些地方说它不能用于 IE（理想情况下，它可以在任何地方工作，或者有一个 IE 替代品不会看起来很时髦）。
这两种情况中的一种或两种都可能吗？我已经想出了如何更改下拉菜单的大小、颜色、边框等，而不是这两项...
提前致谢
【问题讨论】：
-
使用
details标签怎么样？ w3schools.com/tags/tag_details.asp -
这看起来很有希望！肯定会在当天晚些时候查看它！谢谢！！！
-
不客气，让我知道这是否适合你。您应该注意，对标签的支持不是很好。在这里查看更多信息：developer.mozilla.org/en-US/docs/Web/HTML/Element/details。目前 Firefox 和 IE（毫不奇怪）不支持标签（桌面版），只有 Android 支持移动版
标签： html css wordpress drop-down-menu