title: how to edit EmojiOneArea input field?
body: <p>I want to style my Emojionearea input field but I'm not able to style it.</p>
  <p>This is my HTML code</p>
  <pre><code>                        &lt;input type=&quot;text&quot; autocomplete=&quot;off&quot; name=&quot;comment-on-post&quot; data-emojiable=&quot;true&quot; id=&quot;'.$post_id.'-comment-input&quot;
                              class=&quot;comment-input-area&quot; placeholder=&quot;Comment&quot;&gt;
                          &lt;/div&gt;
  </code></pre>
  <p>This is my CSS code</p>
  <pre><code>.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;
  </code></pre>
  <p>}</p>
  <p>this is my jquery</p>
  <pre><code>$(&quot;.comment-input-area&quot;).emojioneArea({
      pickerPosition: &quot;top&quot;,
      filtersPosition: &quot;bottom&quot;,
  });
  </code></pre>