Question

我正在尝试从select元素中删除填充，以便其中的文本与其正下方的input元素中的文本对齐。

我在其他方面尝试了以下内容。

select{
    padding-left:0;
    }

有什么想法吗？

JS在这里 http://jsfiddle.net/pLSkH/2/

Answer 1

从select css

中删除text-indent: 3px;

input, select {
    float: right;
    width: 50%;
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    box-sizing: border-box;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    font-family: Calibri;
    font-size: 12px;
}

http://jsfiddle.net/pLSkH/4/

text-indent: 3px;导致相对于左侧的水平间距，因此它看起来像padding

Answer 2

我已使用负值解决了Chrome和Firefox中的填充问题（我想删除左侧的“填充”）：

风格=文本缩进：-3px;

Answer 3

你的jsfiddle有一些小的html错误：

你不应该在标签和输入周围包裹标签。

它应该是：

<label for "Firstnameame">First Name</label>
<input type="text" name="Firstname">

当我更正了html时，很多css都改变了。你可以查看我的出版方式，看看你是否正在寻找：http://jsfiddle.net/pLSkH/3/

CSS：删除select元素中的填充

3 个答案: