twitter bootstrap按钮组与透明背景

Question

我有一个使用twitter bootstrap的按钮组,如下所示:

http://jsfiddle.net/rmk7H/

它使线性渐变背景:

linear-gradient(to bottom, #FFFFFF, #E6E6E6)

这让我烦恼.我想通过添加mynav类来获得透明背景.我应该如何修改mynav课程？

HTML:

<div class="btn-group mynav">
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
Username
<span class="caret"></span>
</a>
<ul class="dropdown-menu">
  <ul class="nav nav-list">
  <li class="nav-header">List header</li>
  <li class="active"><a href="#">Home</a></li>
  <li><a href="#">Library</a></li>
  ...
  </ul>
</ul>
</div>

CSS:

.mynav
{

}

Answer 1

你需要使a透明的背景添加这个

.mynav > a {
    background:none;
    border:none;
    box-shadow:none;
}

http://jsfiddle.net/rmk7H/2/