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

时间:2013-05-25 16:05:04

标签: twitter-bootstrap hyperlink navbar

首先,我只想更改导航栏下拉菜单的背景颜色。 我想要那个,因为默认的背景颜色是灰色的,我想让它变得透明。

为实现这一目标,我使用bootstrap(bootstrap.css

提供的链接自定义/bootstrap/customize

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

下面是改变之前和之后:

在: http://img41.imageshack.us/img41/7027/stackdropdownoriginal.jpg

在: http://img10.imageshack.us/img10/7503/stackdropdownalterado.jpg

如您所见,背景颜色已经改变。

但现在,我还有另外一个问题。我想删除链接的白色轮廓! 我在bootstrap自定义页面上使用了不同的变量,但我无法正确实现它。

@navbarBackgroundHighlight更改为@black将“删除”此白色轮廓(虽然它仍然很难看),但它也会导致导航条在其下方创建黑色直线。

另外,除了使用bootstrap自定义页面之外,还有更改这些颜色的方法吗? 有没有办法在我的.css上覆盖这个颜色属性?

1 个答案:

答案 0 :(得分:0)

“白色轮廓”实际上是白色text-shadow。只需将其设置为none

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