.modal-header显示1px白色边框

Question

我已尝试在border-radius:和background:上background-color:，.modal-content和.modal-header的所有可能组合，但无论我做什么，我仍然获得标题顶部的1px白色边框：

如何消除模态对话框标题顶部的边框？

Answer 1

如果模态的容器没有您想要编辑的模态样式，那么模态可能有一个位于顶部的标题<div>。

Answer 2

问题是box-shadow在非引导样式表中应用于.modal-header。让这真正阴险的是它是1px白色阴影 - 显然呈现为边界 - 不知道为什么我或其他任何人会这样做，但你生活，你学习。

.modal-header {
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-bottom: 1px solid #DDD;
    /** OFFENDER! **/
    box-shadow: inset 0 1px 0 #fff;
    -moz-box-shadow: inset 0 1px 0 #fff;
    -webkit-box-shadow: inset 0 1px 0 #fff;
    margin-bottom: 0;
    padding: 9px 15px 10px;
    background: #fcfcfc; /* Old browsers */   
}

哇，这太难了！感谢您的投入。