Question

我正在使用bootstrap创建一个个人页面，并且想要使用blockquote元素，但是在左侧我得到一条白线，即使我将元素包装在多个div中并尝试覆盖任何内容也不会消失边界或边距问题阻止它具有相同的背景颜色。有人可以帮我弄清楚该做什么吗？

HTML

<div class="top-info">  
            <div class="row">
                <div class="col-md-4"><img src="http://www.psdgraphics.com/file/male-silhouette.jpg" width="300" height="250" ></div>
                <div class="col-md-8">

                <blockquote>    
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla gravida velit sit amet dolor iaculis, nec semper felis dictum. Vestibulum commodo magna sed enim elementum, in euismod purus molestie. Nulla et nisl sit amet ipsum eleifend facilisis et a nisi. Cras lectus arcu, efficitur ac dictum vel, porttitor lobortis purus. Phasellus tincidunt velit eget ipsum aliquam, non egestas tellus consequat. Curabitur ullamcorper, massa et consequat mollis, metus neque rhoncus felis, eget condimentum lacus elit ac lacus. Pellentesque volutpat euismod neque, nec semper nisl interdum ac. </p>
                    </blockquote>

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

CSS：

.top-info{
    background-color:#848484;
    margin:0;
    padding:0;
}
blockquote{
    background-color:#848484;
    padding:none;
    margin:none;
}

Answer 1

默认情况下，

Bootstrap使用border-left元素中的blockquote。设置为none将删除边框。

<强> CSS

blockquote {
    border-left: none;
}

Answer 2

Bootstrap使用border-left属性设置此＆＃34;白线＆＃34;在左边。因此，您需要做的就是使用自定义CSS样式重置它，例如：

blockquote {
    border-left: 0;
}

阻止报价边框/填充/颜色问题

2 个答案: