更改<li>的背景颜色看起来很有趣

问题描述

|| 我有一个礼貌的元素。如果li元素是单行，则将鼠标悬停在backgroud颜色上看起来还可以，但是当li元素包含多行文本时，背景颜色看起来有些不好。 请参阅随附的屏幕截图。

  #leftNavi li a.current{
color: white;
background: #AD0E3F; 
text-decoration: none;
  }

  #leftNavi li a:hover{
color: white;
background: #AD0E3F;
  }

    

解决方法

        简单伴侣只需添​​加：

#leftNavi li a{display:block;}

参见示例：http://jsfiddle.net/ajthomascouk/5NpAz/     ,        您需要使用另一个节点来包装ѭ2content的内容，并将

:hover

放在

LI

而不是

A

上。并使LI浮动以避免其具有完整宽度。

<li>
  <div>
    <a class=\"current\" href=\"#\"></a>
  </div>
</li>