Блог

У меня есть этот 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>
  

И я хотел бы удалить интервал для каждого поля выбора. Пытался удалить интервал и отредактировать класс (здесь отредактированная версия) :

 .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

Похоже, вы используете промежутки, чтобы получить некоторое пространство между элементами формы. Вы можете удалить интервалы и использовать

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

Вы были почти на месте, просто используйте «margin» вместо «padding». Заполнение — это дополнительное пространство «внутри» элемента, поле снаружи.

Попробуйте изменить эту строку на: padding-right:0px;