0
我使用CMS Joomla 3.0与bootstrap集成。 我喜欢使用nav-collapse并修改样式,如更改文本颜色,背景颜色和形状(圆角边框),这些工作正常。 只有一个影子(我认为),我不能逃脱或删除它。 我试过'text-decoration:none;'在我的CSS但它不起作用。joomla 3.0 twitter bootstrap nav-collapse文字装饰
所以我想在白色的单个文本,没有额外的装饰。
我的HTML:
<div class="row-fluid">
<nav class="navbar topnav">
<a class="btn btn-navbar" data-target=".nav-collapse" data-toggle="collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<div class="nav-collapse collapse topbtn">
<ul class="nav menu">
<li class="item-435"><a href="/" >Home</a></li>
<li class="item-468"><a href="/contact" >Contact</a></li>
</ul>
</div>
</nav>
</div>
我的CSS:
.navbar {
background-color: #FFF; /* background color will be black for all browsers */
background-image: none;
background-repeat: no-repeat;
filter: none;
}
.nav-collapse li{
text-decoration: none;
color:#FFF;
min-width: 150px;
margin: 2px 4px 4px 0px;
text-align: center;
box-shadow: none !important;
-webkit-box-shadow: none !important;
-moz-box-shadow: none;
}
.navbar .topbtn a{
text-decoration: none;
border-radius: 0px 10px 10px 0px/0px 20px 20px 0px;
-moz-border-radius: 0px 10px 10px 0px; /* Old Firefox */
background-color: #006FB7;
padding: 2px 2px 8px 15px;
box-shadow: none !important;
-webkit-box-shadow: none !important;
-moz-box-shadow: none;
}
.navbar .topbtn .active > a, .navbar .topbtn .active > a:hover{
text-decoration: none;
color:#FFF;
font-weight:bold;
background-color: #8EBD43;
box-shadow: none;
-webkit-box-shadow: none;;
-moz-box-shadow: none;
}
在IE8测试看起来不错(圆角不支持),在Firefox & Safari中的文字是不是因为我想
有没有一个URL,我们可以看到这在行动? – Hanny 2013-03-18 17:32:22