如何在引导程序上更改导航栏链接轮廓颜色答案

【问题标题】：How change navbar link outline color on bootstrap如何在引导程序上更改导航栏链接轮廓颜色
【发布时间】：2013-05-25 16:05:04
【问题描述】：

起初，我只是想更改导航栏下拉菜单的背景颜色。我想要它，因为默认背景颜色是灰色，我想让它透明。

为此，我使用引导程序提供的链接 (/bootstrap/customize) 自定义了 bootstrap.css

我已将 @navbarLinkBackgroundActive 更改为 TRANSPARENT 而不是 @lightGrey 我还将@navbarLinkColor 更改为@black。

下面是改动前后的对比：

如您所见，背景颜色发生了变化。

但是现在，我遇到了另一个问题。我想删除链接的白色轮廓！我在引导程序自定义页面上使用了不同的变量，但无法正确实现。

将@navbarBackgroundHighlight 更改为@black 将“移除”这个白色轮廓（虽然它仍然很难看），但它也会在导航栏下方创建一条黑色直线。

另外，除了使用引导程序自定义页面之外，还有其他方法可以更改这些颜色吗？有没有办法在我的 .css 上覆盖这个颜色属性？

【问题讨论】：

【解决方案1】：

那个“白色轮廓”真的是白色text-shadow。只需将其设置为none。

.dropdown-menu li {
    text-shadow:none;
}

【讨论】：