如何将文字阴影添加到Twitter Bootstrap导航栏链接？

到目前为止，我已经试过：如何将文字阴影添加到Twitter Bootstrap导航栏链接？

.navbar-inner { 
    text-shadow: black 0.1em 0.1em 0.2em; 
}

和：

.nav > li > a { 
    text-shadow: black 0.1em 0.1em 0.2em; 
}

无论是作品。是什么赋予了？

FYI我的导航栏的HTML代码是一样的Twitter的引导演示代码：

<div class="navbar navbar-fixed-top"> 
    <div class="navbar-inner"> 
    <div class="container"> 
     <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     </a> 
     <a class="brand" href="#">Test Inc.</a> 
     <div class="nav-collapse"> 
     <ul class="nav"> 
      <li class="active"><a href="#">Home</a></li> 
      <li><a href="#about">About</a></li> 
      <li><a href="#contact">Contact</a></li> 
     </ul> 
     </div><!--/.nav-collapse --> 
    </div> 
    </div> 
</div>

来源

2012-07-10 XåpplI' -I0llwlg' I -

你在测试什么浏览器？ – PoeHaH 2012-07-10 07:53:21

这里给你的问题是“特异性”...因为Twitter Bootstrap更具体地讲它是如何通过从'.navbar> .nav> li> a'启动选择器来添加样式的，因此他们的CSS赢得了你的选择，因为这是一个更具体的选择。 – sulfureous 2013-07-24 12:10:33

尝试：

.navbar .nav > li > a{ 
    text-shadow: black 0.1em 0.1em 0.2em; 
}

演示：here

一个建议使用像素，而不是EM的，因为bootstrap使用px

来源

2012-07-10 21:09:02 HaNdTriX

如何将文字阴影添加到Twitter Bootstrap导航栏链接？

回答

相关问题