如何更改chrome滚动条填充位置？

Question

我有div这些属性div { height:50px; overflow:scroll; direction:rtl; }

问题是在chrome滚动条上显示了它应该在哪里（在左侧），但是在该div的右侧还添加了填充，文本在滚动条下方。 我读到这是chrome bug，但找不到解决方案。有办法解决这个问题吗？

此问题仅发生在Chrome上，包括mac和windows。

这是示例http://jsfiddle.net/3FUUG/1/

Answer 1

如何向div添加padding-left？像这样：

div { height:50px; overflow:scroll; direction:rtl; padding-left: 10px;}

这是jsfiddle