将填充添加到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+ */
}

由于填充,Box大小调整使输入宽度保持在250px而不是增加到260px.

仅供参考.

Answer 2

padding-right适用于Windows上的Firefox/Chrome,但不适用于IE.欢迎来到IE标准不合规的精彩世界.

请参阅:http://jsfiddle.net/SfPju/466/

HTML

<input type="text" class="foo" value="abcdefghijklmnopqrstuvwxyz"/>

CSS

.foo
{
    padding-right: 20px;
}

Answer 3

padding-right应该有效.示例链接.

http://jsfiddle.net/8Ged8/