Html Firefox textarea列与属性值不同

在我创建的一个网站上，我有一个如下的文本区：

<textarea maxlength="1240" rows="20" cols="60" name="sub" style="color: #a7c1c5; background: black;"></textarea>

只有在Firefox上，这个文本区域才有一个可见的62列，而不是60列。这会导致我的网站出现问题，因为我需要文本完全适合文本区域。这会导致其他浏览器（如Chrome或Opera）显示不正确的文本。如何强制所有浏览器上的textarea为60列

奇怪的是，行没有受到影响

我也有一些CSS修改填充，但问题仍然发生

---

不幸的是，firefox bug已经有一段时间了，您必须检测用户代理并通过JS调整cols值

if（navigator.userAgent.toLowerCase（）.indexOf（'firefox'）>-1）{
document.querySelector（'#myTextarea'）.cols='58'；
}

---

：（虽然不是最优雅的，但是Firefox只有58列，有可能破例吗？好吧，在有人评论说这是一个bug之后，我做了一些实验。我在style属性中添加了60厘米宽和40厘米高，这很有效。chrome howe的底部有一个很大的空白但是这不是什么大交易。我会等到有更多的答案，也许不涉及JS，这是我网站的目标之一。