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

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会发生这种情况，如何获得完整的字体属性呢？

FIDDLE： http://jsfiddle.net/mwj12xkv/

Answer 1

您需要查询您感兴趣的各个font-*媒体资源。来自the css documentation：

  

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