如何制作受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元素？

回答

相关问题