In Firefox, when I set a textarea’s style’s padding, scroll bar, and border, the padding is between scroll bar and border. Is it possible to put the padding between scroll bar and the text content?
<textarea style="overflow: scroll; padding: 20px;"></textarea>
This problem only exists on Firefox and is already a well-known problem:
https://bugzilla.mozilla.org/show_bug.cgi?id=157846
You can, however set
padding-left: 20px;padding-top: 20px;to get rid of the space on the side.