title: how to style input on tinymce
body: <p>I am writing to Tinymce extension, the purpose of extension is to allow the user make comments on the text.
  When I click the comment button opens me input. I'm trying to change the style has a width and higher, I could but it does not look good.
  Attaching code and picture.</p>
  
  <p>plugin js</p>
  
  <blockquote>
  <pre><code>tinymce.PluginManager.add('comments', function(editor/*, url*/) {
    // Add a button that opens a window
    editor.addButton('comments', {
      title: 'comment',
      //text: 'My button',
      //icon: false,
      image: "https://cdn3.iconfinder.com/data/icons/pyconic-icons-1-2/512/comment-outline-silence-128.png",
      onclick: function() {
        // Open window
        editor.windowManager.open({
          title: 'write comment ',
          body: [
            {type: 'textbox', name: 'title', label: 'Post a Comment', value: "hello", height: 40,
  width: 30}
          ],
          width: 800,
          height: 400,
          onsubmit: function(e) {
            // Insert content when the window form is submitted
            let div= document.createElement("span");
            div.style.backgroundColor="lightblue";
            div.innerHTML=editor.selection.getContent();
            let span= document.createElement("span");
            div.appendChild(span);
            span.innerHTML = e.data.title;
            span.classList.add ("comment");
            editor.insertContent(div.outerHTML);
          }
        });
      }
    });
  </code></pre>
  </blockquote>
  
  <p>index.html</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
    &lt;script src="/js/tinymce/tinymce.js"&gt;&lt;/script&gt;
    &lt;script&gt;tinymce.init({ selector:'textarea', plugins: 'comments', toolbar: 'comments', content_css : '/js/tinymce/plugins/comments/styleComments.css' });&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
    &lt;textarea&gt;Easy (and free!) You should check out our premium features.&lt;/textarea&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/wvnqP.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/wvnqP.png" alt="enter image description here"></a></p>
  
  <p>It does not look good, how can I design it in general in addition to height and width.</p>
  
  <p>Thank you all</p>