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

前端之家收集整理的这篇文章主要介绍了jQuery – css(‘border-width’)在Firefox上返回为空字符串但在Chrome上不返回前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
参见英文答案 > Getting CSS border value with jQuery in Firefox 14.0.15个
我正在尝试用我的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调试器检查了这些结果.

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

谢谢!

解决方法

“边框”,“背景”,甚至“边框宽度”等属性都是简写.它们不受支持.相反,使用更具体的属性:“border-top-width”,“border-bottom-width”.

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

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

相关问题:Getting CSS border value with jQuery in Firefox 14.0.1

猜你在找的jQuery相关文章