css - 删除前元素上的 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 标签的样式

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 标签的基本样式

火狐(壁虎) : 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 (三叉戟)，所有版本:http://www.iecss.com/

希望能有所帮助:)