css - Emojione 区域定义的 textarea 没有任何覆盖的 CSS 修复

Question

我在我的元素中使用最新的Emojione Area。我的 textarea 是这样的:

<textarea id="emojionearea" style="display:none"></textarea>

我正在使用最新的 jQuery v3.4.1 min 库。我的代码是这样的:

$("#emojionearea").emojioneArea();

但是我的问题出现在这里。我无法再更改 textarea 的样式。我什至用 !important 尝试了一些 CSS 来覆盖默认样式，但没有任何反应。我想要以下 CSS:

#emojionearea {
    width: 100vw!important;
    position: fixed!important;
    bottom: 0!important;
}

那么，有什么办法吗？提前致谢。

Answer 1

你必须做这样的事情来克服这个问题:

.myCustomCss {
   width: 100vw!important;
   position: fixed!important;
   bottom: 0!important;
}

完成!其余代码没问题。只需将您的 textarea 更新为:

<textarea class="myCustomCss" id="emojionearea"></textarea>

注意:您不能将 CSS 直接添加到您的 textarea。而是将所有 CSS 嵌套在一个类中，然后在声明其 id 之前将其添加到 textarea 中。为什么？这就是所谓的继承。