获取字体css属性在IE和Firefox中使用jQuery不起作用

Question

当我尝试使用以下代码使用 IE 或 Firefox 获取元素的整个字体样式时，我只得到一个空结果，但使用 Chrome 和 Opera 时，我得到了"normal normal bold normal 20px/normal arial"，正如我所期望的那样。

<!-- HTML -->
<div id="test" style="font: bold 20px arial; color: red;">test</div>
// JS
alert($('#test').css('font'));

Wyh 会发生这种情况吗，否则我如何获得完整的字体属性？

小提琴：http://jsfiddle.net/mwj12xkv/

Answer 1

您必须

查询您感兴趣的各个font-*属性。从css文档中：

速

记CSS属性（例如，margin，background，border）的检索虽然在某些浏览器中有效，但不能保证。例如，如果要检索呈现的border-width，请使用：$( elem ).css( "borderTopWidth" )、$( elem ).css( "borderBottomWidth" ) 等。