首先,我只想更改导航栏下拉菜单的背景颜色。 我想要那个,因为默认的背景颜色是灰色的,我想让它变得透明。
为实现这一目标,我使用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上覆盖这个颜色属性?
答案 0 :(得分:0)
“白色轮廓”实际上是白色text-shadow
。只需将其设置为none
。
.dropdown-menu li {
text-shadow:none;
}