html - 向 HTML 文本输入字段添加填充

Question

我想在 <input type="text" /> 的右边加一些空格以便在字段右侧有一些空白区域。

所以，而不是 , 我会得到 .

因此，相同的行为只是右侧的一些空白区域。

我试过使用 padding-right ，但这似乎没有任何作用。

有没有办法做到这一点(或伪造它)？

Answer 1

您可以像这样为输入提供填充:

HTML:

<input type=text id=firstname />

CSS:

input {
    width: 250px;
    padding: 5px;
}

但是我还要补充:

input {
    width: 250px;
    padding: 5px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

框大小调整使输入宽度保持在 250 像素，而不是由于填充而增加到 260 像素。

For reference .