获取TextArea以在浏览器中看起来相同？

Question

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

这就是 textarea 在 Chrome 上的显示方式：

这是同一页面在 FireFox ：

上的显示方式

这是textarea的HTML：

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

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

提前感谢您的回答， 亲切的问候！

Answer 1

不要使用cols和rows属性，请尝试使用CSS width和height属性

Answer 2

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