我在 WordPress 中有一个子菜单，它按以下方式设置为列表:
.sidebar .widget { margin-top:20px; margin-bottom: 0px; padding-left:20px;}
.sidebar .widget h5 {line-height: 13px; margin-bottom: 30px; font-weight: bold;font-family: 'Droid Serif', Georgia, Times, serif; }
.sidebar .widget ul li { margin-bottom: 2px;background-color:#b3b1b2;padding:6px 2px; }
.sidebar .widget ul li a { margin-bottom: 2px;background-color:#b3b1b2;color:#ffffff ;padding:6px 2px; }
.sidebar .widget ul li a:hover { margin-bottom: 2px;background-color:#dadada;color:#202e3b ;padding:6px 2px; }
.sidebar .widget ul li a:active { margin-bottom: 2px;background-color:#dadada;color:#202e3b ;padding:6px 2px; }
请在此处查看页面:http://www.mahabbanetwork.com/who-we-are/
但是，我希望悬停状态将整个“栏”的颜色更改为浅灰色，即整个宽度，而不仅仅是目前的文本背景。我尝试过增加右侧填充，但它当然会相对于文本链接的长度/字符数增加它，这对于每个链接都是不同的。
这个网站使用了预编码的 WP 模板，所以我不确定如何修改它以达到预期的效果，同时又不会把网站的其他地方搞得一团糟。
帮助将不胜感激。
最佳答案
添加:hover到li
.sidebar .widget ul li:hover
{
background-color:#dadada;
color:#202e3b ;
}
关于CSS子菜单悬停颜色问题，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/22767043/