html - 覆盖现有库的 CSS

Question

我正在使用这个库 https://github.com/OneSignal/emoji-picker将表情符号添加到我的聊天中。我想用 .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。