css - 如何编辑 EmojiOneArea 输入字段？

Question

我想设置我的 Emojionearea 输入字段的样式，但我无法设置它的样式。

这是我的 HTML 代码

                        <input type="text" autocomplete="off" name="comment-on-post" data-emojiable="true" id="'.$post_id.'-comment-input"
                            class="comment-input-area" placeholder="Comment">
                        </div>

这是我的 CSS 代码

.comment-input-area {
margin-left: 25px;
height: 50px;
border: none;
outline: none;
background: none;
font-size: 15px;
color: rgb(5, 10, 48);
letter-spacing: 1px;
font-weight: 700;

}

这是我的jQuery

$(".comment-input-area").emojioneArea({
    pickerPosition: "top",
    filtersPosition: "bottom",
});