css - How to add text shadow to Twitter Bootstrap navbar links? -


अभी तक मैंने कोशिश की है:

  .navbar-inner {text-shadow: काले 0.1em 0.1em 0.2em; }   

और:

  .nav & gt; ली & gt; एक {पाठ-छाया: काले 0.1em 0.1em 0.2em; }   

न तो काम करता है। क्या देता है?

FYI करें मेरे नवबार एचटीएमएल कोड ट्विटर बूटस्ट्रैप डेमो कोड के समान है:

  & lt; div class = "navbar navbar-fixed-top" & gt; & Lt; div class = "navbar-inner" & gt; & Lt; div वर्ग = "कंटेनर" & gt; & Lt; एक वर्ग = "बीटीएन बीटीएन-नेवाबार" डेटा-टॉगल = "पतन" डेटा-लक्ष्य = "। -Nav-collapse" & gt; & Lt; span class = "icon-bar" & gt; & lt; / span & gt; & Lt; span class = "icon-bar" & gt; & lt; / span & gt; & Lt; span class = "icon-bar" & gt; & lt; / span & gt; & Lt; / a & gt; & Lt; एक वर्ग = "ब्रांड" href = "#" & gt; टेस्ट इंक। & Lt; / a & gt; & Lt; div वर्ग = "नव-पतन" & gt; & Lt; ul class = "nav" & gt; & Lt; li वर्ग = "सक्रिय" & gt; & lt; a href = "#" & gt; होम & lt; / a & gt; & lt; / li & gt; & Lt; li & gt; & lt; a href = "# के बारे में" & gt; इसके बारे में & lt; / a & gt; & lt; / li & gt; & Lt; li & gt; & lt; a href = "# संपर्क" & gt; संपर्क & lt; / a & gt; & lt; / li & gt; & Lt; / ul & gt; & Lt; / div & gt; & lt;! - /। Nav-collapse - & gt; & Lt; / div & gt; & Lt; / div & gt; & Lt; / div & gt;    

कोशिश करें:

  .navbar .nav & gt ; ली & gt; एक {पाठ-छाया: काले 0.1em 0.1em 0.2em; }   

डेमो:

एक सलाह उनके बजाय पीएक्स क्योंकि बूटस्ट्रैप पीएक्स का उपयोग करता है

Comments