Textarea scrollbar overlapping round border in IE

Question

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>

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.

Thanks

Answer 1

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>