Emojione区域定义文本区域不';t除了任何被覆盖的css修复
我正在我的项目中使用最新的Emojione区域。我的文本区域是这样的: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
<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>