javascript - 如何将字体系列强制级联到 <td> 标签内的按钮元素

Question

我有一个类似网站的 word press，用户可以在其中为其原始网站定义配置。现在用户已经为 <td> 设置了字体作为comic sans ms .当呈现网站时，它工作得很好。然而，<td> 中的一个也有一个按钮。元素。那不尊重 <td>字体。因为它是一个基于动态(配置)的网站。我没有太多的灵 active 。

FIDDLE SAMPLE

我在谷歌上找到了一个解决方案，它说我应该添加 font-family: inherit到按钮元素。有没有什么办法可以强制将字体级联到所有子元素，这样我就不需要更改 button element 中的任何内容。或一些最小的变化。

<table border=1>
<tr><td> test 1 </td></tr>
<tr><td> test 2 </td></tr>
<tr><td> test 3 </td></tr>
<tr><td> test 4 </td></tr>
<tr> <td><input type="button" style="width:130px;" value="Reserve"> </td></tr>
</table>


TD{font-family: Comic Sans MS; font-size: 10pt;}

Answer 1

以下应该可以完成工作。

TD,
TD *
{
  font-family: 'Comic Sans MS'; 
  font-size: 10pt;
}

---

根据您的第三个问题更新。我猜您正在将样式修改为您无法更改 HTML 的第三方应用程序？以下内容开始变得有点老套，但是有效。

第一个定义将样式应用于表格单元格和单元格的所有子元素，除了具有按钮类型的子元素。第二个定义仅将样式应用于具有按钮类型的表格单元格的子元素。

TD,
TD *:not([type=button])
{
    color: rgba(255, 0, 0, 0.9); /* example purposes */
    font-family: 'Comic Sans MS'; 
    font-size: 10pt;
}

TD input[type=button]
{
    font-family: 'Comic Sans MS';
}