IE中的Textarea滚动条与圆形边框重叠 [英] Textarea scrollbar overlapping round border in IE

问题描述

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

For some reason, when round border is added to the textarea, in IE the scrollbar slightly overlaps the border corners. See https://jsfiddle.net/bgas48b4/ (in IE)

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

<textarea></textarea>

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

My temporary solution was to use overflow-y:auto to hide the scrollbar by default.

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

However, I was wondering if there is a better solution.

谢谢

推荐答案

尝试一下，希望它在IE中的外观和感觉更好

try this i hope it is better for look and feel in IE

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

这篇关于IE中的Textarea滚动条与圆形边框重叠的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！