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

Question

由于某些原因，当圆形边框添加到文本区域时，在 IE 中滚动条会稍微重叠边框 Angular 。 参见 https://jsfiddle.net/bgas48b4/ (在 IE 中)

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

<textarea></textarea>

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

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

谢谢

Answer 1

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

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