jQuery – css（’border-width’）在Firefox上返回为空字符串但在Chrome上不返回

我正在尝试用我的jQuery / CSS调试跨浏览器问题。

我试图获得一个类的边框宽度。 该类在CSS中设置如下：

.mod_button { position: relative; color: #fff; border-color: #06253e; border-width: 1px; border-style: solid; } 

在jQuery中，我试图获得如下边框宽度：

 var bWidth = $('.mod_button').css('border-width'); 

这似乎在Chrome中作为一串“1px”正确返回。 但是，在Firefox中，它总是以空字符串“”返回。 我已经检查了这些结果，逐步浏览了Chrome和Firefox上的开发人员工具中的JS调试器。

我一直在努力调试这个问题，我似乎无法找到任何简洁的答案。 也许这里的社区可以告诉我如何解决这个问题。

谢谢！

Answer 1

诸如“border”，“background”甚至“border-width”之类的属性都是简写。 它们不受支持。 相反，使用更具体的属性：“border-top-width”，“border-bottom-width”。

以下行应该适用于所有浏览器：

 var bWidth = $('.mod-button').css('border-top-width'); 

相关问题： 在Firefox 14.0.1中使用jQuery获取CSS边框值