Uzyskiwanie własności font css nie działa w IE i Firefox z jQuery

Question

Kiedy próbuję uzyskać cały styl czcionki elementu za pomocą IE lub Firefox za pomocą poniższego kodu, otrzymuję tylko pusty wynik, ale w Chrome i Opera dostaję "normal normal bold normal 20px/normal arial", tak jak bym się spodziewał.

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

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

Wyh tak się dzieje i jak w inny sposób uzyskać pełną właściwość czcionki?

Fiddle: http://jsfiddle.net/mwj12xkv/

Answer 1

Musisz zapytać poszczególne font-* właściwości Cię interesują Od the css documentation.

pobieranie skróconych właściwości CSS (np margin, background, border), chociaż funkcjonalny w niektórych przeglądarkach, nie jest gwarantowany. Na przykład, jeśli chcesz odzyskać renderowane border-width, użyj: $(elem).css("borderTopWidth"), $(elem).css("borderBottomWidth") i tak dalej.