html - CSS メニューの配置の問題

Question

http://jsfiddle.net/Lijo/vZgTP/15/に示すように、CSS メニューがあります。

メニューには、以下に示すように矢印マークがあります。

マウスを矢印マークのすぐ下にドラッグした場合にのみ、子メニュー項目を選択 (強調表示) できます。他の場所でマウスを下に移動しても、子を強調表示できません (消えるだけです)。

私は2つのことを達成しようとしています:

1) 矢印マークに関係なく選択した子を許可する

2) 矢印マークを削除します [(ホバリングしなくても) 矢印がまったく表示されないはずです]。

どうすればそれができますか？

Answer 1

だから、ここにあなたの答えがあります：http://jsfiddle.net/surendraVsingh/vZgTP/21/

矢印マークを削除:#cssmenu > ul > li.has-sub > a:before完全に削除するだけです

矢印マークに関係なく選択された子を許可

padding:6px 20px;の変更#cssmenu > ul > li > a

#cssmenu > ul > li > a{ 
 outline:none; 
 display:block; 
 position:relative;
 padding:6px 20px; /*Change This*/
 font:bold 13px/100% Arial, Helvetica, sans-serif; 
 text-align:center; 
 text-decoration:none; 
}

Answer 2

このようなインデックスプロパティ

#cssmenu > ul > li.has-sub > a:before{
z-index:999;
}

#cssmenu ul li > ul, #cssmenu ul li > div{
z-index:99;
}

ライブデモhttp://jsfiddle.net/vZgTP/17/

---更新

cssファイルでこれを行う

#cssmenu > ul > li.has-sub > a:before{
display:none;
}
#cssmenu > ul > li.has-sub:hover a:before{
display:block;
}

ライブデモhttp://jsfiddle.net/vZgTP/19/