如何製作受div格式規則影響的子div元素？

我其中有一個主要的div一個html。如何製作受div格式規則影響的子div元素？

<div id="main_container">

它

，我有一個表，其中每行有一個按鈕：

<tr> 
    <td>open2</td> 
    <td>CPI</td> 
    ... 
    <td class="left_border"> 
     <button>x</button> 
    </td> 
    <td class="left_border"> 
     <button>p</button> 
    </td> 
    <td class="left_border"> 
     <button>k</button> 
    </td> 
</tr>

我已經應用在DIV CSS規則：

#main_container { 
    font-size: 9px; 
    font-family: tahoma; 
    border: solid 3px rgba(78, 70, 70, 0.81);  
    display: inline-block; 
}

此規則似乎不適用於按鈕的字體大小。我在這裏錯過了什麼？

下面是完整的HTML + CSS的小提琴。

http://jsfiddle.net/9YZuw/11/

注：我已經更新了小提琴所以現在該按鈕沒有具體的CSS規則，但其字體大小仍沒有從其父DIV的。

感謝

來源

2013-08-28 omer bach

花一分鐘在粘貼前格式化你的代碼... –

在給定的小提琴你是專門給樣式按鈕。你已經爲按鈕定義了字體大小：8px。這就是爲什麼它不受母公司風格的影響。 –

http://jsfiddle.net/9YZuw/3/ –

CSS

#main_container { 
    font-size: 9px; 
    font-family: tahoma; 
    border: solid 3px rgba(78, 70, 70, 0.81);  
    display: inline-block; 
}

刪除這個CSS或刪除這裏的字體屬性

button { 
    padding: 0px; 
    width: 20px; 
    font-size: 8px; 
    font-weight: bold; 
}

，並嘗試使用EM字體大小..

來源

2013-08-28 07:25:22 Sasidharan

不是真的 –

@omar巴赫，也有訣竅和可能性的數量，使事情在設計和programming.U做滿意一個... – Sasidharan

我沒有問題與解決幾個備選方案，它只是你的建議是行不通的。 –

這是因爲按鈕元件（連同輸入，選擇和文本區域）不繼承某些屬性，和字體大小是其中之一。

這個CSS將整理出來：

button{font-size:inherit;}

來源

2013-08-28 07:28:31 labtoy

謝謝！最後，一個人給出了正確的答案，而其他人只是在沒有測試的情況下給出答案。 –

肯定的事情 - 很高興幫助。這解決了你的問題？ – labtoy

當然，謝謝 –

如何製作受div格式規則影響的子div元素？

回答

相關問題