CODEWITHSUNDEEP
htmltextarea
EFanZh
EFanZh

Reputation: 2436

How to remove the space between the scroll bar and the border of a textarea in firefox?

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>

Upvotes: 1

Views: 1814

Answers (3)

Danilo Nascimento
Danilo Nascimento

Reputation: 1

I had the same problem and fixed it using overflow-x: hidden; but, without use the scroll horizontal

Upvotes: 0

dev.doc
dev.doc

Reputation: 577

We're in 2020 and still Mozilla only supports two properties: scrollbar-color and scrollbar-width.

So, I had this same behaviour in firefox v.80.0 (64-bit) and managed to solve with margin-right: -1px;

Upvotes: 0

Alex W
Alex W

Reputation: 38193

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.

Upvotes: 2

Related Questions