覆盖现有库的CSS

问题描述:

我正在使用此库https://github.com/OneSignal/emoji-picker将emojis添加到我的聊天中。我想使用.emojiPicker类来设计div的样式,但它有内联样式,我似乎无法重写。我试图找到html代码来删除该样式,但我找不到它,我找不到另一种方式。 有没有人有任何想法如何我可以风格的emojiPicker或我可以找到HTML来删除内联样式?覆盖现有库的CSS

+3

这听起来像一个'!重要的工作! –

+0

你有没有试过'!重要'规则?喜欢:'h1 {color:red!important}' – sTx

+0

试过了,不起作用 – Naomi

不是最好的选择,但你可以使用这里的!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。

+0

[** CSS Specificity **](http://cssspecificity.com/)是CSS特性的真正优秀概述。 –

+0

@KilianStinson谢谢:)我知道了,还有其他资源 – Dekel

+0

很好的解释。看起来我还有其他问题,因为它有一部分工作,但是这明确解释了它。 – Naomi