Question

在bootstrap面板标题上，我将背景颜色替换为图像背景，效果很好。

然后在显示白色边框的面板标题边框周围，我更改为透明边框。

但我仍然在面板标题上显示底部白色边框，并且不确定它来自何处。

有谁知道如何删除白底白色边框并仅显示完整图像背景没有彩色边框！

这是代码。

<style>
.panel-default .panel-heading{
    background-image: url(../images/red-header.png);
    background-repeat: repeat-x;
    color:white;
    font-size: 14px;
    font-weight: bold;
    padding-top: 13px;
    height: 40px;
    margin-right: 0px;
    border:soiid 1px #BF1D2B;

}
</sylte>

<div class="container">
    <div class="row">
        <div class="col-md-8">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h3 class="panel-title">Panel 1</h3>
                    <span class="pull-right clickable"><i class="glyphicon glyphicon-chevron-up"></i></span>
                </div>
                <div class="panel-body">

                    Founded in 1892 and headquartered in Fairfield, CT, LexisNexis Corporate Affiliations 
                    is a technology and financial services company. 

                </div>
            </div>
        </div>

Answer 1

我跑了你的页面，只是纠正了＃soiid＆＃39;到＆＃39; solid＆＃39;，面板标题边框的颜色为＃BF1D2B。因此，如果您删除此属性，我认为您得到了您想要的。注意：我可能不太了解你的问题，抱歉。

bootstrap折叠面板边框

1 个答案: