我在我的元素中使用最新的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;
}
那么,有什么办法吗?提前致谢。
最佳答案
你必须做这样的事情来克服这个问题:
.myCustomCss {
width: 100vw!important;
position: fixed!important;
bottom: 0!important;
}
完成!其余代码没问题。只需将您的 textarea
更新为:
<textarea class="myCustomCss" id="emojionearea"></textarea>
注意:您不能将 CSS 直接添加到您的 textarea
。而是将所有 CSS 嵌套在一个类中,然后在声明其 id 之前将其添加到 textarea
中。为什么?这就是所谓的继承。
关于css - Emojione 区域定义的 textarea 没有任何覆盖的 CSS 修复,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59437471/