html - 如何从面板 Bootstrap 中取消投影效果?

标签 html css twitter-bootstrap twitter-bootstrap-3

我有一个 banner充当 Accordion 。

enter image description here

默认情况下,bootstrap 面板类带有阴影效果。 我想去掉 panel-headingpanel-body 周围的阴影。我试图通过给类 no-shadow

来覆盖它
.noshadow {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

结果,它仍然显示。 :(

任何帮助/建议将不胜感激

JSFiddle

最佳答案

这不是影子。它实际上是 panel div 上的边框。 看到这个 fiddle :http://jsfiddle.net/jd94vttr/1/

关于html - 如何从面板 Bootstrap 中取消投影效果?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32075152/

相关文章:

html - 覆盖内容并使其响应

javascript - 如何使用 Javascript 更改 HTML 标签

css - 如何删除默认的 Bootstrap 3 轮播控件背景渐变?

javascript - 在 onClick 事件中使用 CSS 动画(过渡)

javascript - 重置复选框选中状态从历史记录中返回

html - Firefox 按钮中的图像未对齐

html - 从 Layout 组件对齐 Antd 的右菜单

javascript - Bootstrap Scrollspy 不工作,不滚动

html - Bootstrap 网格不同的列高和宽

javascript - 如何在向下和向上滚动时触发 css 动画