html - css と html を使用したカスタム ドロップダウン選択

Question

HTML と CSS のみでカスタム ドロップダウン メニューを作成しようとしています。ホバーの代わりにフォーカスで作業できるかどうか疑問に思っていますか? 今はホバーで動作していますが、その選択をonclickで展開したいと思います。

ここにフィドルの例があります: http://jsfiddle.net/RwtHn/1084/

Answer 1

でホバーを使用しないでください。：liでホバーを使用してください。a

a:hover + ul, a:focus + ul, a:active + ul {}

デモ

Answer 2

編集：ここにデモがあります：http：//jsfiddle.net/RwtHn/1087/
うわー。これがHTML/CSSだけでも可能であることに驚いています。