我正在尝试制作一个下拉菜单 - 仅在 CSS 中 - 在单击鼠标时(而不是在鼠标悬停时)下拉并具有滚动条，因为大约有 22 个选项。到目前为止，我在这里:http://fiddle.jshell.net/yobqsjb2/1/
(我仅限于 CSS，因为 Javascript、PHP 等被大学屏蔽了。我也不能使用选择或选项代码(即:[select name='menu'] [option value='1' ]first item[/option]) 在页面的 HTML 中，因为编辑器一直将它们删除。我从网上看到 WordPress 上的 TinyMCE 可视化编辑器正在这样做，但不幸的是，我无权更改它，所以我需要解决这个限制。)
我从其他来源抓取代码进行调整，但我完全承认几年前我更多地从事 PC 维修方面的工作(职业改变，现在将公司网站迁移到新领域)而不是前程序员。我看到的很多东西应该可以解决其他用户代码的问题，但我不太明白他们做得很好，无法在此处应用它...
我知道“点击”问题与 a:hover 和 li:hover(相对于 a:active/li:active)有关，但是当我切换它们时，菜单会在鼠标点击时消失。我读到我需要一个“display:block;”代码中的某处，但根据显示的示例，我已将它放在每个代码段和所有代码段中……它似乎不想解决问题。
就滚动条而言，我一直在寻找的所有内容都是在 Javascript 中，或者在一些地方说它不能为 IE 完成(理想情况下，它可以在任何地方工作，或者有一个 IE 替代品不会看起来很时髦)。
这两种情况都可能吗？我已经想出了如何更改下拉菜单的大小、颜色、边框等，只是不是这两个元素...
提前致谢
最佳答案
要使 :focus 正常工作，您需要为元素 (li) 添加一个 tabindex。
关于html - 单击和滚动条上的下拉菜单(仅限 CSS)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/31010888/