html - 让 TextArea 在浏览器中看起来相同？

Question

这个问题我没有找到满意的答案，所以我开始了，

这是我的textarea在Chrome上的外观：

这是同一页面在FireFox上的外观：

这是此文本区域的 HTML：

<textarea class="t-field" cols="58" id="message" name="message" rows="6"></textarea>

所以，我想知道的是...... 让 textareas 在浏览器中表现和看起来相同的 CSS技巧是什么？

预先感谢您的回答，亲切的问候！

Answer 1

尝试使用 CSS和属性，而不是使用cols和属性rowswidthheight

Answer 2

正如已经指出的那样，您应该使用widthandheight来固定区域的大小。行和列将根据浏览器使用的字体大小而有所不同，并且可能对其他解释变化开放。