как я могу удалить bootstrap styling на pre element

Я использую Bootstrap и я должен использовать <pre> тег в моем коде, но Bootstrap стиль его, и мне это не нравится. Я знаю, что я должен переопределить его, но я не знаю, какие именно атрибуты я должен изменить таким образом, что <pre> выглядит как просто в html без загрузочного стиля .

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

    }
</style>

Итак, какой код я ввел <pre> тег ?

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-тегов в каждом браузере

надеюсь, что это может помочь:)