顶部边框样式未从 Bootstrap 中的 Div 中删除

Question

能否请您看一下我的代码和网站，让我知道为什么尽管我将 div 边框样式设置为 none 然后设置为 0px 宽度，但 div 的顶部边框仍然存在。

代码如下：

<div class="well well-large  zerobox clearfix">
      <div class="zerobox margo pull-left">
          <img class="img-polaroid" alt="" src="http://placehold.it/260x120">
      </div>
      <div class="well well-large zerobox margo bordernone pull-right">
           <h4 class="text-error">Why The Top Border Still Here</h4>
                <br />
                <p>Test</p>
               <p>Test</p>
      </div>
</div>

我的自定义样式是：

<style>
.zerobox{margin: 0; padding: 0;}
.margo{ margin: 10px 15px 10px 10px;}
.bordernone{border: solid 0px #F5F5F5;}
</style>

这是我网站的Link。请查看“为什么顶部边框仍然在这里”的顶部，您会在那里找到一条灰线。

Answer 1

那不是边界。那是来自 div 上的引导程序 .Well 类的 box-shadow inset。你需要在你的bordernone类中重置它。

把这个交给你的bordernone类Demo

-webkit-box-shadow: initial ;
-moz-box-shadow: initial ;
box-shadow: initial ;

这是应用的引导 css 类。

.well {
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
background-color: #f5f5f5;
border: 1px solid #e3e3e3;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}