如何擴大鏈接區域 - 使用CSS代碼

Question

我有一個網站建在Joomla 我有一個問題，我的子菜單鏈接， 我想花費命中區域使用css（像這個選項在閃光燈按鈕） 這可能嗎？ 這是我現在的代碼： （集合是主按鈕打開子菜單，與我有鏈接問題）

#collections { 
display:block; 
margin:20px 0 180px 30px; 
} 
#collections ul { 
margin: 0; 

list-style:none; 
} 
#collections ul li{ 
display:inline; 
padding: 0 10px 0 0; 
font-size: 13px; 
color: #6cabe7; 

} 
#collections ul.menu li a span{ 
color: #543019; 
} 
#collections ul.menu li.active a span{ 
color: #6cabe7; 
} 
#collections ul li a:link, #collections ul li a:visited { 
color: #6cabe7; 
text-decoration:none; 
} 
#collections ul li a:hover { 
color: #6cabe7; 
} 
#collections .moduletable h3 { 
color: #6cabe7; 
font-size:16px; 
margin-bottom:9px; 
} 

怎麼辦？ 謝謝:)

Answer 1

而不是心靈感應反應。

collections ul.menu li a {padding:10px;} 

編輯

在你的情況 「褪色」 的問題可以用

collections ul.menu li a {position:relative;z-index:99} 

來解決，但它是快速和骯髒。調試它發生的原因最好。