Javascript 如何将字体族强制层叠到a<；中的按钮元素；td>；标签

我有一个类似word press的网站，用户可以在其中为其原始网站定义配置。现在，用户已将

的字体设置为

comic sans ms

。当呈现网站时，它工作得非常好。但是，其中一个

元素中也有一个按钮。这不符合

字体。因为它是一个基于动态（配置）的网站。我没有太多的灵活性

我在谷歌上找到了一个解决方案，它说我应该在按钮元素中添加

font-family:inherit

。是否有任何方法可以强制将字体级联到所有子元素（无论是什么），这样我就不需要更改

按钮元素中的任何内容

或一些最小的更改

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

测试1
测试2
测试3
测试4
TD{字体系列：Comic Sans MS；字体大小：10pt；}

您的系统会特别选择该按钮吗？或者只是针对td内部的所有内容

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

---

您的系统是否会特别选择该按钮？或者只是针对td内部的所有内容

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

---

下面应该完成这项工作

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

---

下面应该完成这项工作

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

只需确保以这种方式针对所有表单元素：-）

小提琴：

只需确保以这种方式针对所有表单元素：-）

---

---

Fiddle:

如果我只想瞄准按钮，我还想瞄准

里面的所有东西。我们有黑客吗？仔细检查，因为如果你刚刚添加了*它很可能会丢失你手机上的样式。因为现在你只是针对TD内部的元素，而不是TD本身。是的，你是对的。非常感谢。我没有注意到。：）根据你的第二个问题。。。使用选择器TD input[type=“button”]如果我只想锁定按钮，我还想锁定

中的所有内容。我们有黑客吗？仔细检查，因为如果你刚刚添加了*它很可能会丢失你手机上的样式。因为现在你只是针对TD内部的元素，而不是TD本身。是的，你是对的。非常感谢。我没有注意到。：）根据你的第二个问题。。。使用下面的选择器TD输入[type=“button”]回答建议，我只需要一个带有*的TD。可以吗。或者我应该遵循你的方法？同样，如果我只想瞄准

按钮

。我们有黑客吗？

TD

将针对该标签

TD*

将以儿童为目标。很抱歉我需要帮助。如果我只想将层叠应用于字体系列，而不应用于任何其他样式。这也有可能吗。请引导我。我的意思是“层叠打开”按钮应该只是字体族属性。简单英语选项1:

td，td*仅适用于字体系列

选项2:

td，td inputtype[button]但仅适用于字体系列

则不在css定义中包含字体大小？下面的答案建议，我只需要一个带*的td。可以吗。或者我应该遵循你的方法？同样，如果我只想瞄准

按钮

。我们有黑客吗？

TD

将针对该标签

TD*

将以儿童为目标。很抱歉我需要帮助。如果我只想将层叠应用于字体系列，而不应用于任何其他样式。这也有可能吗。请引导我。我的意思是“层叠打开”按钮应该只是字体族属性。纯英语选项1:

td，td*仅适用于字体系列

选项2:

td，td inputtype[button]但仅适用于字体系列

则不在css定义中包含字体大小？感谢您的回复。事实上，我正在寻找一些解决方案，我不需要改变按钮元素。：）谢谢你的回复。事实上，我正在寻找一些解决方案，我不需要改变按钮元素。：）任何使用漫画SAN的人都无权更改网站。请向他们解释字体在大约20年前已经过时（学龄前儿童除外）：“我将编写一个javascript警报…”如果我只想在字体系列上应用层叠，而不是在任何其他样式上。这也有可能吗。请引导我。我的意思是“层叠打开”按钮应该只是字体族属性。简单英语选项1:

td，td*仅适用于字体系列

选项2:

td，td inputtype[按钮]但仅适用于字体系列

任何使用Comic SAN的人都无权更改网站。请向他们解释字体在大约20年前已经过时（学龄前儿童除外）：“我将编写一个javascript警报…”如果我只想在字体系列上应用层叠，而不是在任何其他样式上。这也有可能吗。请引导我。我的意思是“层叠打开”按钮应该只是字体族属性。纯英语选项1:

td，td*仅适用于字体系列

选项2:

td，td inputtype[按钮]但仅适用于字体系列