Emojione区域定义文本区域不';t除了任何被覆盖的css修复

Emojione区域定义文本区域不';t除了任何被覆盖的css修复,css,emoji,emojione,Css,Emoji,Emojione,我正在我的项目中使用最新的Emojione区域。我的文本区域是这样的: <textarea id="emojionearea" style="display:none"></textarea> 但我的问题出现在这里。我不能再更改文本区域的样式了。我尝试了一些css,即使是!重要信息要覆盖默认样式,请执行以下操作。我想要以下css: #emojionearea { width: 100vw!important; position: fixed!impor

我正在我的项目中使用最新的Emojione区域。我的文本区域是这样的:

 <textarea id="emojionearea" style="display:none"></textarea>
但我的问题出现在这里。我不能再更改文本区域的样式了。我尝试了一些css,即使是!重要信息要覆盖默认样式,请执行以下操作。我想要以下css:

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

那么,有什么办法吗?提前谢谢

这样不行。将textarea括在div中,并更改div的属性以更改textarea的属性

$(文档).ready(函数(){
$(“#myTextarea”).emojioneArea(
{
选择器位置:“底部”
}
);
});
.myDiv{
宽度:20雷姆;
高度:10雷姆;
}

您必须这样做才能解决问题:

.myCustomCss {
   width: 100vw!important;
   position: fixed!important;
   bottom: 0!important;
}
完成了!代码的其余部分没有问题。只需将您的
textarea
更新为:

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

注意:您不能将CSS直接添加到
文本区域
。相反,将所有CSS嵌套在一个类中,然后在声明其id之前将其添加到
textarea
。为什么?这就是所谓的继承

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