0

我正在创建一个需要 Bootstrap 的插件。我已经将正确的 Bootstrap 和 jQuery 库加入队列。页面上一切正常，但是当我在页面中添加块引用时，它会在左侧添加一个灰色条。我尝试使用以下方法来摆脱它，但它没有用。

blockquote {
    border-left: 0px;
}

这是正在发生的事情：

在此处输入图像描述

任何帮助或建议表示赞赏。

编辑

当我检查元素时，它指向块引用标签。我还在页面内容中单独放入了一个块引用，这就是我得到上述内容的方式。

我尝试了以下方法以查看是否可以执行任何操作，但没有帮助：

blockquote::before {
    border: 0px;
}

blockquote::after {
    border: 0px;
 }
4

2 回答 2

0

好吧 - 如果将边框更改为 0 px 不会更改块引用的灰色条，则意味着该元素可能不是该条的负责人。说的很明显。使用浏览器的 Inspector 查找哪个元素有这个栏 - 它可能是 ::before 或 ::after 伪元素附加块引用，或者块引用被包裹在某个 div 或 span 中？你用的是什么主题？

于 2020-07-16T12:52:09.903 回答
0

我弄清楚发生了什么。bootstrap.min.css 有以下内容：

blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}

我只是在我的本地 css 文件中用以下内容覆盖了它：

blockquote {border-left: 0px;}

感谢那些看过的人。

于 2020-07-17T14:01:22.017 回答