<input type=“button”> 不继承 font-family [duplicate]

<input type="button"> doesn't inherit the font-family [duplicate]

提问人:Anna 提问时间:10/7/2022 最后编辑:Anna 更新时间:10/7/2022 访问量:568

问:

大家好,我有一个问题,希望对您有所帮助

带代码

.common{
    font-family: "MS Pゴシック";
    color:#FFFFFF;
}
<table>
    <tr>
        <td class="common" >
            <input type="button" value=button> 
        </td>
    </tr>
</table>

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

在 IE 上,按钮继承 <td> 的字体系列,但不继承 <td 的 color: #FFFFFF>

为什么会有这种差异?

HTML CSS 谷歌 互联网浏览器

评论


答:

-1赞 Amri 10/7/2022 #1

您可以使用以下命令指定它:

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

评论

0赞 Anna 10/7/2022
感谢您的回复,但我想了解它是如何工作的,为什么有继承案例,有非继承案例,你有关于这个的原始资料吗?
0赞 Amri 10/7/2022
请参阅:developer.mozilla.org/en-US/docs/Web/CSS/inheritance 希望它能对您有所帮助。
0赞 Temani Afif 10/7/2022
@Anna不知道你为什么接受这个答案。首先它不起作用,其次它没有解释任何事情
0赞 Anna 10/7/2022
我在查看答案时按错了按钮,很抱歉犯了错误
0赞 Aliénor 10/7/2022 #2

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

评论

0赞 Anna 10/7/2022
感谢您的回答,您是否有任何来源“此分配的 CSS 因 Web 浏览器而异”?我想知道在IE上应该像“font-family”一样继承哪些属性,而不是像“color”那样继承
0赞 Aliénor 10/7/2022
对不起,我没有,但您可以在不同的网络 bowser 上检查您的元素。无论如何,最相关的是涵盖所有情况并强制执行您需要的一切。
0赞 Aliénor 10/7/2022
欢迎您,如果其中一个答案似乎可以回答您的问题,请考虑使用答案左侧的绿色复选标记进行验证