我可以删除这些跨度吗？

Question

我有这样的HTML/CSS代码（JSBin）：

.trackTime{width:50px; text-align:left; float:left;} 
.trackInputTime{width:45px; height:22px; background-color:#F4F4F4;} 

<span class="trackTime">    
    <select name="hours[]" class="trackInputTime" id="trackInputHours" > 
     <option value="??">??</option> 
    </select> 
</span> 

<span class="trackTime">    
    <select name="minuts[]" class="trackInputTime" > 
     <option value="??">??</option> 
    </select> 
</span> 

<span class="trackTime">        
    <select name="seconds[]" class="trackInputTime" > 
     <option value="??">??</option> 
    </select> 
</span> 

而且我想删除跨度为每个选择字段。试图删除跨度和编辑类（here编辑后的版本）：

.trackInputTime{width:50px; height:22px; background-color:#F4F4F4; text-align:left; padding-right:5px; float:left;} 

，但有一个白色的背景下，我不喜欢..

同为输入提交按钮：

.trackBotton{width:75px; float:left; text-align:right;} 

<span class="trackBotton"><input type="submit" value="+ Side" onClick="addSide(this);return false" /></span> 
<span class="trackBotton"><input type="submit" value="+ Track" onClick="addTrack(this);return false" /></span> 
<span class="trackBotton"><input type="submit" value="Remove" onClick="remTrack(this);return false" /></span> 

我有很多这些跨度，这就是为什么我想删除它们。

我该怎么办？无法添加jsfiddle，因为它似乎处于脱机状态：O

Answer 1

看起来像使用跨度在表单元素之间获得一些空间。 您可以删除跨度和使用

.trackInputTime{width:50px; height:22px; background-color:#F4F4F4; text-align:left; margin-right:5px; float:left;} 

你是几乎没有，只是用的“保证金”，而不是“填充”。填充是元素“内部”的额外空间，外部边距。

Answer 2

尝试将此行修改为： padding-right：0px;