如何从面板Bootstrap中取下阴影效果？

Question

我有banner作为手风琴。

默认情况下，引导程序面板类具有阴影效果。 我想取消围绕面板标题的阴影，以及 panel-body 。我试图通过提供课程no-shadow

来覆盖它

.noshadow {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

结果，它仍然显示出来。 ：（

非常感谢任何帮助/建议

JSFiddle

Answer 1

这不是影子。它实际上是panel div的边界。 看到这个小提琴：http://jsfiddle.net/jd94vttr/1/

Answer 2

它使用的是border而不是box-shadow。更新了您的JSFiddle here。

/*--------- add this to override Bootstrap ----------*/
.panel {
    border: none;
}

.panel-default .panel-heading {
  /*border: 1px solid silver; --------- remove this line ----------*/
  min-height: 100px;
  background-color: white;
  border-radius: 0px;

}