html - Bootstrap 下拉 li 自定义不起作用

Question

我正在尝试通过覆盖 li 类来自定义 Bootstrap 下拉列表，但它无法正常工作!有一个例子 Here还有

<ul class="dropdown-menu">
 <li><a tabindex="-1" href="#">Action</a></li>
 <li><a tabindex="-1" href="#">Another action</a></li>
 <li><a tabindex="-1" href="#">Something else here</a></li>
 <li class="divider"></li>
 <li><a tabindex="-1" href="#">Separated link</a></li>
</ul>

CSS就像

.dropdown-menu li: hover {
   background-color:#CCC;
  }

有什么方法可以在 li(s) 之间增加更多间距吗？

谢谢

Answer 1

主要问题是specificity :hover 上出现的背景色实际上是线性渐变。要更改此设置，您只需要使用更具体的选择器:

.container .dropdown-menu li a:hover {
background-color: peru;
background-image: none; /* to disable the gradient */
}

http://jsfiddle.net/AXwga/5/