Internet Explorer滚动条显示在textarea中，而不是在外部

Question

我遇到浏览器兼容性问题。用文字解释很难，所以我也会放图片。在Internet Explorer中，滚动条似乎在textarea元素内部 ，而不是在外部，这对于区域中只有一行的应用程序来说是不可取的。这是一个例子：

在Internet Explorer上：

在谷歌浏览器上（所需的结果）

P.S。大小调整不是问题，只是滚动条。

这是显示问题的最小示例。在IE中加载页面以查看不良行为，并在Chrome / Firefox中查看所需行为：https://jsfiddle.net/qqget1wm/

Answer 1

那是因为浏览器特定的CSS加载为默认值，我建议你在textarea标签上添加一个min-height。 https://jsfiddle.net/qqget1wm/3/

.fun {min-width: 95%; overflow-x: scroll; white-space: nowrap;min-height:30px;}