css - 具有透明背景的 twitter 引导按钮组

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

透明的，像这样？

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