提问人:Anna 提问时间:10/7/2022 最后编辑:Anna 更新时间:10/7/2022 访问量:568
<input type=“button”> 不继承 font-family [duplicate]
<input type="button"> doesn't inherit the font-family [duplicate]
问:
大家好,我有一个问题,希望对您有所帮助
带代码
.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>
为什么会有这种差异?
答:
-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
欢迎您,如果其中一个答案似乎可以回答您的问题,请考虑使用答案左侧的绿色复选标记进行验证
评论