La proprietà css dei font non funziona in IE e Firefox con jQuery

Question

Quando provo a ottenere lo stile completo di un elemento con IE o Firefox con il codice seguente ottengo solo un risultato vuoto, ma con Chrome e Opera ottengo "normal normal bold normal 20px/normal arial" come mi sarei aspettato.

<!-- HTML --> 
<div id="test" style="font: bold 20px arial; color: red;">test</div> 

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

Wyh questo succede e come ottengo la proprietà completa del carattere altrimenti?

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

Answer 1

Dovrete interrogare i singoli font-* proprietà che ti interessa Da the css documentation:.

recupero della proprietà CSS stenografia (ad esempio, margin, background, border), sebbene funzionale con alcuni browser, non è garantito. Ad esempio, se si desidera recuperare il rendering border-width, utilizzare: $(elem).css("borderTopWidth"), $(elem).css("borderBottomWidth") e così via.