2017-01-16 177 views
0

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

+3

這聽起來像一個'!重要的工作! –

+0

你有沒有試過'!重要'規則?喜歡:'h1 {color:red!important}' – sTx

+0

試過了,不起作用 – Naomi

回答

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。

+0

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

+0

@KilianStinson謝謝:)我知道了,還有其他資源 – Dekel

+0

很好的解釋。看起來我還有其他問題,因爲它有一部分工作,但是這明確解釋了它。 – Naomi