我在表單中有幾個輸入字段。我給他們所有的5px的填充,但選擇框看起來有一個額外的空間裏面。這不是由填充,邊距或文本縮進造成的。文本對齊是左邊的。有沒有辦法擺脫這個?刪除選擇框中的空格
這裏如下我的代碼。底部是一個小提琴的鏈接。
CSS
input[type=text],
select {
padding:5px;
}
select {
border:solid 1px #555;
padding:5px;
}
HTML
<div>
<select>
<option>Test1</option>
<option>Test2</option>
<option>Test3</option>
<option>Test4</option>
</select>
</div>
<div>
<input type="text" value="Test" />
</div>
https://jsfiddle.net/64ppa5f5/
PS:
我也shecked變焦和它的100%。
請提供代碼,其中你的問題是可再現的。 – andreas
您是否嘗試添加負值margin-left:-5px; ? – fernando
設置負邊距只會將整個選擇框移到左側。 – Benjamin