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（闪烁）：https://chromium.googlesource.com/chromium/blink/+/master/Source/core/css/html.css
Internet Explorer （Trident），所有版本：http://www.iecss.com/

希望可以提供帮助：）

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

1 个答案: