IE中的Textarea滚动条重叠圆形边框

【问题标题】：Textarea scrollbar overlapping round border in IEIE中的Textarea滚动条重叠圆形边框
【发布时间】：2015-05-12 12:54:29
【问题描述】：

由于某种原因，当向文本区域添加圆形边框时，在 IE 中，滚动条会略微与边框角重叠。请参阅https://jsfiddle.net/bgas48b4/（在 IE 中）

<style>
textarea{
 border: 1px solid black;
 border-radius: 4px;
 height: 100px;
}
</style>

<textarea></textarea>

我的临时解决方案是默认使用overflow-y:auto隐藏滚动条。

不过，我想知道是否有更好的解决方案。

谢谢

【问题讨论】：

标签： html css internet-explorer textarea scrollbar

【解决方案1】：

试试这个，我希望它在 IE 中的外观和感觉更好

 textarea{
        border: 1px solid black;
        border-radius: 4px;
        height: 100px;
        overflow:hidden;
        max-height:150px;
        overflow-y:auto;
    }
<textarea></textarea>

【讨论】：

这就是我目前使用的解决方案 - 滚动条最初是隐藏的。但是当文本区域内容超过文本区域高度时，滚动条出现，问题再次可见。
是的，它是浏览器行为。但是页面第一眼很好。