<输入类型= "button" >不继承字体系列

Question

大家好，我有一个问题，希望它能帮助

带代码

.common{
font-family: "ＭＳ Ｐゴシック";
color:#FFFFFF;
}

<table>
<tr>
<td class="common" >
<input type="button" value=button> 
</td>
</tr>
</table>

Chrome上的按钮不继承<td>的字体系列

IE按钮继承<td>的字体系列，但不继承颜色：<td>的#FFFFFF

为什么会有这种差异

Answer 1

按钮没有从父CSS继承是正常的，因为按钮已经分配了一个CSS(在线检查元素时可以看到它(。此指定的CSS因网络浏览器而异。所以你必须按照@Amri的建议强制使用css。

Answer 2

您可以使用：指定

table tr td .common{
font-family: "ＭＳ Ｐゴシック";
color:#FFFFFF;
}