删除 pre 元素上的 bootstrap 样式

Question

我使用 bootstrap，我必须在我的代码中使用 <pre> 标记，但 Bootstrap 对其进行样式设置，我不喜欢它。我知道我必须重写它，但我不知道我必须更改哪些属性，这样 <pre> 看起来就像 html 没有 Bootstrap 样式。

<link rel="stylesheet" type="text/css" href="bootstrap.min.css">
<style type="text/css">
    pre{

    }
</style>

那么我在 <pre> 标签中输入了什么代码？

Answer 1

Bootstrap 像这样设置 pre 标签的样式

pre{
    display: block;
    font-family: monospace;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
}

所以我建议您将这些属性添加到您的样式表中并设置样式，使其看起来像您想要的那样。每个浏览器都不同，因此询问基本样式是一项艰巨的任务。

这是每个浏览器中 html 标签的基本样式

Firefox (Gecko)：http://mxr.mozilla.org/mozilla-central/source/layout/style/html.css。或者，浏览到 resource://gre-resources/ 并查看 html.css.
Chrome/Safari (WebKit): http://trac.webkit.org/browser/trunk/Source/WebCore/css/html.css
Chrome（闪烁）：https://chromium.googlesource.com/chromium/blink/+/master/Source/core/css/html.css
Internet Explorer (Trident)，所有版本：http://www.iecss.com/

希望对您有所帮助:)

删除 pre 元素上的 bootstrap 样式

Remove bootstrap styling on pre element

css

pre

twitter-bootstrap