title: userscript - how to edit style in html textarea element
body: <pre><code>&lt;textarea data-a-target=&quot;chat-input&quot; data-test-selector=&quot;chat-input&quot; aria-label=&quot;Send message&quot; class=&quot;ScInputBase-sc-1wz0osy-0 ScTextArea-sc-1ywwys8-0 kYJGMC InjectLayout-sc-588ddc-0 iZLAMf tw-textarea tw-textarea--no-resize&quot; autocomplete=&quot;twitch-chat&quot; maxlength=&quot;500&quot; placeholder=&quot;Send message&quot; rows=&quot;1&quot; style=&quot;padding-right: 6.5rem; padding-left: 3.8rem;&quot;&gt;&lt;/textarea&gt;
  </code></pre>
  <p>i want to add line-height: 1.0; into textarea element style
  but i have no idea to do it</p>
  <pre><code>(function() {
      'use strict';
  
      var textarea = document.querySelector(&quot;textarea&quot;)
      textarea = textarea.replace(&quot;style=\&quot;padding-right: 6.5rem; padding-left: 3.8rem;\&quot;&quot;,&quot;style=\&quot;padding-right: 6.5rem; padding-left: 3.8rem; line-height: 1.0;\&quot;&quot;);
  })();
  </code></pre>