addeventlistener不要覆盖CSS样式后如何做

Question

我有一个textarea和2个范围，第二个适用于创建的textarea 第一个用户可以输入文本并增加文本区域的高度，也可以删除并减小文本区域的高度， 用户还可以根据字体大小选择字体大小和文本区域的高度增加，而不会发生滚动

当我单击按钮创建文本区域时，我希望创建的文本区域具有相同的功能 但是当我选择字体大小时，该textarea的所有css样式都会覆盖（背景：'red'，调整大小：'none'...），并且工作方式也不相同

我希望对创建的文本区域使用相同的功能，宽度仍保持不变，不要更改，而高度更改的大小取决于字体大小

https://jsfiddle.net/rmcuLjbh/4/

            input.id = 'inputText2';
            input.style.width = '150px';
            input.style.border = '1px solid';
            input.style.wordWrap = 'break-word';
            input.style.resize = 'none';
            input.style.position = 'absolute';
            input.style.backgroundColor = 'red';