考虑一下这段代码(也是一个小提琴):
document.getElementById("span").innerHTML += $('#input').css('fontSize');Run Code Online (Sandbox Code Playgroud)
span input {
font-size: inherit;
}
input {
font-size: 15px;
}Run Code Online (Sandbox Code Playgroud)
<span id="span" style="font-size: 30px;">
<input id="input"/>
</span>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>Run Code Online (Sandbox Code Playgroud)
在Chrome和Firefox中,.css('fontSize')它将返回30px,在Edge和IE中它将是15px.为什么这样做?Edge中的DOM Explorer甚至显示15px的删除线,因此应该将继承的30px作为fontSize:

并且输入使用30px字体呈现,因此IE/Edge正在将其拾取以用于渲染目的.