html - 从 Bootstrap 中的无序列表组中删除默认影子

Question

我想从bootstrap的无序列表组中删除默认的box-shadow。在list-group special中有默认的shadow。我的html如下:

<div class="row">
    <div class="container">
        <div class="col-md-4">
     <ul class="list-group special">
      <li class="list-group-item"><a href="#">About Royal</a></li>
      <li class="list-group-item"><a href="#">Message from MD</a></li>
      <li class="list-group-item"><a href="#">Director's Profile</a></li>
      <li class="list-group-item"><a href="#">Organization Structure</a></li>
      <li class="list-group-item"><a href="#">Member Asssociation</a></li>
      <li class="list-group-item"><a href="#">About Nepal</h2></a></li>
   </ul>
</div>
    </div>
        <div class="col-md-8"></div>
    </div>

</div>

我应用了以下 CSS:

  ul.special{
    box-shadow:none;
    }

但是，默认的框阴影一直都在？请帮助如何删除它？非常感谢您的帮助。

Answer 1

.list-group 上没有box-shadow，查看解压后的CSS https://github.com/twbs/bootstrap/blob/master/dist/css/bootstrap.css第 5100 - 5120 行。如果要删除边框，则可以在 Bootstrap CSS 之后的 CSS 中执行以下操作。

**CSS **

.list-group.special .list-group-item {
   border-width:0px;
}