获取字体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-*你感兴趣的场所.该css文件:

速记CSS属性的检索(例如,margin,background,border),虽然功能在一些浏览器,不能保证.例如,如果要检索渲染border-width,请使用:$( elem ).css( "borderTopWidth" ),$( elem ).css( "borderBottomWidth" )等等.