JSFiddle - React, Tailwind, and code Playground

HTML

<div>
  <input type="text" style="xxxx" size="40"/>
  <input type="text" style="xxxx" size="100"/>
  <input type="text" style="xxxx" size="100"/>
  <input type="text" style="xxxx" size="40"/>
</div>

CSS

input,
textarea {
    display: block;
    margin-bottom: 1em;
}

JavaScript

$('input[size="100"]').each(function () {
    var style = $(this).attr('style'),
        textbox = $(document.createElement('textarea')).attr('style', style);
    $(this).replaceWith(textbox);
});