用於文本輸入大小的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; 
} 

這裏的

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

Answer 1

我的表樣式，其餘面前的桌子容器left_half上添加一個復位加載的HTML（我使用的是淘汰賽） ：

.left_half * { 
    margin: 0; 
    padding: 0; 
    border: none; 
} 

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

我不是專家，但這就是當你無法控制繼承。