4

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

我已经尝试过以下方法。

select{
    padding-left:0;
    }

有任何想法吗？

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

4

3 回答 3

3

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

于 2013-10-19T08:58:58.593 回答
0

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

样式=文本缩进：-3px；

于 2018-04-09T15:07:49.323 回答
-3

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

  • 你不应该在标签和输入周围都加上标签。

它应该是：

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

当我更正html时，很多css都发生了变化。你可以看看我是怎么出来的，看看那是不是你要找的：http: //jsfiddle.net/pLSkH/3/

于 2013-10-19T08:48:42.647 回答