Question

我正在尝试覆盖 bootstrap成功消息。我试着在我的CSS页面中做到这一点，但它现在向我展示了两种风格，一种是在彼此之上。

我该如何解决？

我的代码：

#sm-box { 
    border-radius: 0px !important;
    margin: 0! important;
    padding: 0 !important;
    background-color: #008fd8 !important;
}

Answer 1

你可以优先考虑你的CSS

从底部链接您的CSS

Answer 2

尝试

!important

在你的css规则前面

Answer 3

.message-block #sm-box { 
    border-radius: 0px ;
    margin: 10px;
    padding: 10px ;
    background-color:#008fd8 ;
    color:#fff;
}

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>

<dib class="message-block">
<div id="sm-box"> 
message 
</div>
<div>

我认为是解决方案

如何覆盖bootstrap cdn css？

3 个答案: