CSSドロップダウンメニュー

Question

私はドロップダウンメニューをスタイルし、いくつかの質問があることを学んでいます。

あなたはここにドロップダウン見ることができます：http://jsfiddle.net/tomperkins/3M7Cb/

私の質問は以下のとおりです。私は にある下向き矢印を取得できますか

1. は、各親項目（I はそれを交換しようとしたときに表示されます背景 プロパティ）。

2. のテキスト自体ではなく、全体の子 の領域をクリック可能にするにはどうすればよいですか？

いつもどおり、本当に感謝しています。全体liクリッカブルを作るために

ul li.top:after { 
content: "▼"; 
} 

：下矢印を事前に

おかげで、

トム・パーキンス

Answer 1

は、私の傾斜は、テキストオブジェクトではなく、画像を使用することです：

ul li a { 
    display: block; 
    /* other stuff */ 
} 

JS Fiddle demo of both suggestions

---

編集下矢印のホバースタイルを調整します

ul li.top:after { 
    color: #000; 
    content: "▼"; 
    float: right; 
} 

ul:hover li.top:after { 
    color: #ccc; 
} 

JS Fiddle demo

Answer 2

質問2>をご<a>タグが占めるブロックとしてレンダリングする必要がありますドロップダウンアイテムの領域。これらのメニューを作成するために特殊なツールを使用しているので、これを設定するための設定があると思います。