Textarea - 右边填充而不移动滚动条

Question

请结帐这个jsbin。 http://jsbin.com/eqoDaKi/1 有没有办法让文本右侧出现“padding-right”但不影响滚动条保持它与左边缘齐平？

谢谢！

Answer 1

这并不像看起来那么简单。 box-sizing属性（Box-sizing: how to get rid of the scrollbar padding in Firefox）存在一些问题。

如上所述使用包装器div要求文本区域遵循auto的高度，这必须在脚本（Autosizing textarea using Prototype）中完成。

快速而肮脏的可能性就是删除正确的填充，因为左对齐文本和滚动条之间通常有足够的空间来模仿一些填充：

textarea {
  width: 400px;
  height: 200px;
  padding: 20px 0 20px 20px;
}