边框:没有一个不会从面板默认情况下删除底部边框



我正在使用Bootstrap 3,并且我的DIV具有panel panel-default。设置style="border:none"后,为什么面板底部仍然有微弱的灰色边框?我如何摆脱它?

<body>
  <div class="panel panel-default" style="border: none">    
    test this
  </div>
</body>

小提琴

@fritz Meissner,这不是边界问题,而是盒子阴影引起的。

尝试这个

.panel, .route-blurb-container {
    -webkit-box-shadow: none;
    box-shadow: none;
}

-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);

将其取出以摆脱底部的那个微弱的灰色边框。此处更新了小提琴。

您可以看到的小边框是盒子阴影。将box-shadow设置为无,线消失如下所示:

http://jsfiddle.net/hive7/pys9b/6/

最新更新