我如何删除pre元素上的bootstrap样式

Question

我使用bootstrap,我必须<pre>在我的代码中使用标签,但Bootstrap造型,我不喜欢它.我知道我必须覆盖它,但我不知道我必须改变的确切属性,<pre>看起来就像在没有Bootstrap样式的html中.

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

    }
</style>

那么我在<pre>标签中添加了哪些代码？

Answer 1

Bootstrap样式预标签就像这样

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.或者,浏览资源:// gre-resources /并查看html.css.
• Chrome/Safari(WebKit):http://trac.webkit.org/browser/trunk/Source/WebCore/css/html.css
• Chrome(Blink):https://chromium.googlesource.com/chromium/blink/+/master/Source/core/css/html.css
• Internet Explorer(Trident),所有版本:http://www.iecss.com/

希望可以帮助:)