覆盖现有库的CSS
问题描述:
我正在使用此库https://github.com/OneSignal/emoji-picker将emojis添加到我的聊天中。我想使用.emojiPicker类来设计div的样式,但它有内联样式,我似乎无法重写。我试图找到html代码来删除该样式,但我找不到它,我找不到另一种方式。 有没有人有任何想法如何我可以风格的emojiPicker或我可以找到HTML来删除内联样式?覆盖现有库的CSS
答
不是最好的选择,但你可以使用这里的!important
:
.a {
border: 1px solid blue;
background: red;
margin: 10px;
padding: 10px;
}
.b {
border: 1px solid blue !important;
background: red !important;
margin: 10px;
padding: 10px;
}
<div class="a" style="border: 1px solid red; background: blue;">
1234
</div>
<div class="b" style="border: 1px solid red; background: blue;">
5678
</div>
在第二个框的!important
的使用确保我们可以覆盖内联CSS。
这听起来像一个'!重要的工作! –
你有没有试过'!重要'规则?喜欢:'h1 {color:red!important}' – sTx
试过了,不起作用 – Naomi