Wordpress插入不需要的单元格填充

Question

在wordpress中，我有毫无意义的填充！

我用自定义css格式化一个表：padding：0 margin：0，在标签td，tr，tbody中。 在单元格内部，我插入带填充的输入[text]：0 margin：0 width：100％height：100％。我在单元格边框和输入框之间仍有一些空格。

使用Chrome或Safari检查器测试TD，我在图形视图中看到计算的填充空间，但样式检查员告诉我填充为零。

发生了什么事？

这是页面代码：

<table>
    <thead>
        <tr>
            <td>
                Room
            </td>
            <td>
                Uscita
            </td>
            <td></td>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td class="insertCellStyle">
                <select class="insertCellStyle" id="Location">
                    <option value="1">
                        Room A
                    </option>
                    <option value="2">
                        Room B
                    </option>
                    <option value="3">
                        Mensa
                    </option>
                    <option value="4">
                        Menza
                    </option>
                </select>
            </td>
            <td class="insertCellStyle">
                <input type="text" class="insertCellStyle" style="height:100%; width:100%;" id="Exit">
            </td>
            <td>
                <input type="button" value="inserisci" id="Insert" class="insertCellStyle">
            </td>
        </tr>
    </tbody>
</table>

这些是CSS：

.insertCellStyle {
    padding: 0px;
    margin: 0px;
    color: black;
}

td.insertCellStyle {
    vertical-align: top;
    display: table-cell;
}

input[type="text"].insertCellStyle {
    padding: 0px;
    margin: 0px;
    width: 100%;
    height: 100%;
}