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;}

你几乎就在那里，只使用“margin”而不是“padding”。填充是元素“内部”的额外空间，外部边缘。

Answer 2

尝试将此行修改为：填充右：0像素;

我可以删除这些跨度吗？

2 个答案: