如何將文字陰影添加到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導航欄鏈接？

回答

相關問題