интервал между границами при вводе текста 100%

Question

У меня есть форма, которая содержит текст ввода в ячейках, которые являются 100% ячейки. Я также свернул границы и установил интервал 0px. Я все еще вижу разрыв между ячейками, ну, собственно, входы. Как я могу удалить эти промежутки между входами? Я пытаюсь свободно имитировать таблицу.

Кодекс (https://jsfiddle.net/djyk8927/ ):

#requestorTable{ 
 
    border-collapse:collapse; 
 
    border-spacing:0px; 
 
} 
 
input[type="text"] { 
 
    width: 100%; 
 
    box-sizing: border-box; 
 
    -webkit-box-sizing:border-box; 
 
    -moz-box-sizing: border-box; 
 
    border:1px solid #919295; 
 
}

<table id='requestorTable'> 
 
    <tr> 
 
    <td> 
 
     <input type='text' id='item1' name='item1'> 
 
    </td> 
 
    <td> 
 
     <input type='text' id='qty1' name='qty1'> 
 
    </td> 
 
    <td> 
 
     <input type='text' id='price1' name='price1'> 
 
    </td> 
 
    </tr> 
 
    <tr> 
 
    <td> 
 
     <input type='text' id='item2' name='item2'> 
 
    </td> 
 
    <td> 
 
     <input type='text' id='qty2' name='qty2'> 
 
    </td> 
 
    <td> 
 
     <input type='text' id='price2' name='price2'> 
 
    </td> 
 
    </tr> 
 
    <tr> 
 
    <td> 
 
     <input type='text' id='item3' name='item3'> 
 
    </td> 
 
    <td> 
 
     <input type='text' id='qty3' name='qty3'> 
 
    </td> 
 
    <td> 
 
     <input type='text' id='price3' name='price3'> 
 
    </td> 
 
    </tr> 
 
</table>

Answer 1

Вы должны удалить прокладку из ячеек (табличные данные) https://jsfiddle.net/djyk8927/5/

td { 
    padding: 0px; 
}