覆蓋現有庫的CSS

Question

我正在使用此庫https://github.com/OneSignal/emoji-picker將emojis添加到我的聊天中。我想使用.emojiPicker類來設計div的樣式，但它有內聯樣式，我似乎無法重寫。我試圖找到html代碼來刪除該樣式，但我找不到它，我找不到另一種方式。 有沒有人有任何想法如何我可以風格的emojiPicker或我可以找到HTML來刪除內聯樣式？

Answer 1

不是最好的選擇，但你可以使用這裏的!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。