将光标移动到右侧的输入文本

Question

我希望用户在文本字段中键入文本以将其移动到右侧，而不将文本字段的边距移动到右侧。我想要这个，因为搜索按钮位于文本字段的顶部以用于样式目的，并且当前当用户开始键入文本时，它在搜索按钮下面开始。所以我需要将光标的默认点向右移动几个像素。这有可能用CSS吗？

Answer 1

我肯定会使用

text-indent: 20px;

=）

Answer 2

填充是你正在寻找的。

.search-box{padding-left: 25px;}

Answer 3

input {
    box-sizing: border-box;
    padding-left: 10px;
    width: 200px;
}

<input type="text" />