html - テキスト入力サイズに関する CSS の問題 - 継承の問題の可能性

Question

テキスト入力を含むテーブルを作成しようとしていますが、テキスト ボックスのサイズを適切に設定するのに問題があります。既存のプロジェクトにコピーすると、テキスト ボックスは全体で 4px 大きくなります。これは一意の名前ですが、プロパティを継承しているため、これを回避する方法がわかりません。テーブルの寸法は適切ですが、入力ではありません。

ここにCSSがあります

.medium_input{
    display: block;
    width:90%; 
    height:30px;
    font-size:12px;
    padding: 0;
    margin: 0;
}
.left_half {
    width: 49%;
    float: left;
}

.g_info_table {
    width:100%;
    margin-bottom: 0;
}

.g_info_table tr td {
    vertical-align: middle;
    height: 40px;
    border-bottom: none;
}

.g_info_table tr:nth-child(even) {
    background-color: #FFF;
}

これがHTMLです（私はノックアウトを使用しています）

<div data-bind ="visible: gInfoDiv()">
    <div class = "left_half">
        <table class = "g_info_table">
                <tr><td width = "100px">First Name</td><td><input data-bind="value: firstName" type="text" class = "medium_input" ></td></tr>
                <tr><td width = "100px">Last Name</td><td><input data-bind="value: lastName" type="text" class = "medium_input"></td></tr>
                <tr><td width = "100px">Address</td><td><input data-bind="value: address" type="text" class = "medium_input"></td></tr>
                <tr><td width = "100px">City</td><td><input data-bind="value: city" type="text" class = "medium_input"></td></tr>
        </table>
    </div>
</div>