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/

Answer 2

Transparant，像这样？

.mynav .btn
{
    background-image: none;
}