我正在尝试制作一个下拉菜单 - 仅限CSS - 按下鼠标单击（而不是鼠标悬停），并有一个滚动条，因为将有大约22个选项。到目前为止，我在这里：http://fiddle.jshell.net/yobqsjb2/1/
（我仅限于CSS，因为Javascript，PHP等被大学阻止。我也无法使用选择或选项代码（IE：[select name =＆＃39; menu＆＃39;] [option在页面的HTML中，值=＆＃39; 1＆＃39; 1＆＃39; 1第一项[/ option]），因为编辑器不断将它们剥离出来。我从网上看到，WordPress上的TinyMCE可视化编辑器正在这样做，但是不幸的是，我无法改变它，所以我需要解决这个限制。）
我已经从其他来源获取代码进行调整，但我完全承认，几年前我更多地处于PC修复方面（职业生涯发生了变化，现在正在新领域迁移公司网站）不是前程序员。我所看到的很多内容应该可以解决其他用户的问题。代码，我不太明白他们在这里应用它做得多好......
我知道＆＃34;点击＆＃34;问题在于a：hover和li：hover（vs a：active / li：active），但是当我切换它们时，当鼠标点击它时菜单就会消失。我读到我需要一个＆＃39; display：block;＆＃39;代码中的某个地方，但根据显示的示例，我已将它放在每个代码段和所有代码段中...它似乎并不想解决问题。
就滚动条而言，我一直在寻找的是Javascript，或者在一些地方说它不能用于IE（理想情况下，它可以在任何地方使用，或者有一个IE替代品，不会＃39;看起来很时髦。
这些事情中的一个或两个都可能吗？我已经想出如何更改下拉菜单的大小，颜色，边框等，而不是这两个项目...
提前致谢