html - html输入字段开始水平自动滚动时如何更改？

Question

我添加padding-right: 90px到<input>现在，如果输入的文本超过了它到达填充的点，则文本开始被截断，并且当文本到达输入字段宽度的末尾时开始水平滚动（减去填充）。此时文本开始被截断：

它不会开始水平向上滚动，直到我添加一些完全到达<input>字段末尾的文本（减去填充）。直到下图中的字母 H 才会开始自动向上滚动

我希望它在文本到达开始的<input>字段点后立即开始自动滚动padding-right: 90px。我不希望它在添加其他字符时中断并开始滚动。

input[type=text], select {
  width: 100%;
  padding: 11px 19px;
  margin: 7px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 2px;
  box-sizing: border-box;
  padding-right: 90px;
}

<input type="text" id="firstName" name="firstName" placeholder="name">

标签： htmlcss