jquery - jQuery - css('border-width') 在 Firefox 上返回空字符串，但在 Chrome 上不返回

Question

我正在尝试使用我的 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 调试器检查了这些结果。

我一直在努力调试这个问题，但似乎找不到任何简明的答案。也许这里的社区可以给我一个关于如何解决这个问题的线索。

谢谢！

score 18 · Accepted Answer

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

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

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

1 回答 1