在firefox和IE中获取css属性时遇到麻烦

Question

更新：这里是小提琴：http://jsfiddle.net/ZqXZP/2/。如果您在Chrome上查看，然后在Firefox上查看，则会看到问题。

我正在尝试从元素中获取完整的填充字符串。我原来的代码是这样的：

var totalPaddingString = $(element).css("padding"); //Chrome returns "10px 0px 9px 10px" etc.

//do stuff with `totalPaddingString` here

这在Chrome中运行良好。但是，当我尝试在Firefox和IE中使用.css()方法时，会返回一个空字符串。起初我认为这两个浏览器如何使用jQuery是一个问题所以我切换到本机Javascript属性：

var totalPaddingString = element.style.padding;

但即使这会返回一个空字符串。有没有其他人遇到这个问题？有什么建议吗？

Answer 1

来自.css() documentation：

  

不支持速记CSS属性（例如边距，背景，边框）。例如，如果要检索渲染边距，请使用：$（elem）.css（'marginTop'）和$（elem）.css（'marginRight'），依此类推。