CSS：删除选择元素内的填充

Question

我试图从选择元素中删除填充，以便其中的文本与其正下方的输入元素中的文本对齐。

除其他外，我还尝试过以下操作。

select{
    padding-left:0;
    }

有任何想法吗？

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

Answer 1

text-indent: 3px;从选择CSS中删除

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