Html 引导下拉列表li自定义不工作

我试图通过覆盖li类来定制如下的引导下拉列表，但它不起作用！还有一个例子

是否有任何方法可以在li之间添加更多间距

---

谢谢

您想在bootstrap.css文件中编辑此条目以更改默认颜色和垂直填充：

.dropdown-menu > li > a {
    clear: both;
    color: #333333;
    display: block;
    font-weight: normal;
    line-height: 20px;
    padding: 3px 20px;
    white-space: nowrap;
}

还有一个匹配的悬停，您应该更改

编辑：在引导文件中，查找以下内容：

.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a {
  text-decoration: none;
  color: #ffffff;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}

---

您希望在bootstrap.css文件中编辑此项以更改默认颜色和垂直填充：

.dropdown-menu > li > a {
    clear: both;
    color: #333333;
    display: block;
    font-weight: normal;
    line-height: 20px;
    padding: 3px 20px;
    white-space: nowrap;
}

还有一个匹配的悬停，您应该更改

编辑：在引导文件中，查找以下内容：

.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a {
  text-decoration: none;
  color: #ffffff;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}

主要问题是，出现在

：hover

上的背景色实际上是线性渐变。要更改此设置，您只需使用更具体的选择器：

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

主要问题是，出现在

：hover

上的背景色实际上是一个线性渐变。要更改此设置，您只需使用更具体的选择器：

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

---

你好，Femi谢谢你的评论，我更新了代码，但这并没有改变hover上的任何内容，我还添加了：li>a之后的hover filter，但不起作用！你好，菲米谢谢你的评论，我更新了代码，但这并没有改变悬停上的任何东西，我还添加了：在li>a之后悬停过滤器，但不工作！