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

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

  
test
 // JS alert($('#test').css('font')); 

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

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

Answer 1

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

虽然可以使用某些浏览器，但是不能保证检索速记CSS属性（例如， margin ， background ， border ）。 例如，如果要检索渲染的border-width ，请使用： $( elem ).css( "borderTopWidth" ) ， $( elem ).css( "borderBottomWidth" ) ，依此类推。