html - 如何删除Firefox中滚动条和textarea边框之间的空间？

Question

在 Firefox 中，当我设置 textarea 样式的内边距、滚动条和边框时，内边距位于滚动条和边框之间。是否可以在滚动条和文本内容之间放置填充？

<textarea style="overflow: scroll; padding: 20px;"></textarea>

Answer 1

这个问题只存在于 Firefox 上，已经是众所周知的问题：

https://bugzilla.mozilla.org/show_bug.cgi?id=157846

但是，您可以设置padding-left: 20px;padding-top: 20px;摆脱侧面的空间。

Answer 2

我遇到了同样的问题并使用它修复了它，overflow-x: hidden;但是没有使用scroll horizontal

Answer 3

我们在 2020 年，但 Mozilla 仍然只支持两个属性：scrollbar-color和scrollbar-width.

所以，我在 Firefox v.80.0（64 位）中也有同样的行为，并设法解决了margin-right: -1px;