Firefox中的Jquery没有正确报告border-bottom-width属性

我正在使用
JQuery以编程方式更改border-bottom-width,这很好.但是,当使用JQuery重新读取属性时,我会跨浏览器获得不一致的结果.例如,

<td style="border-bottom: 30px solid rgb(199, 72, 72); line-height: 1px; font-size: 1px;">

当通过Jquery使用时查询:

$('#element1').find('td').css('border-bottom-width');

Chrome(版本33.0.1750.154 m)返回30px,但在Firefox(版本28.0)和IE11返回15px.

在这里展示了一个小提琴:http://jsfiddle.net/ceepster/tC9an/

边框宽度在浏览器中正确呈现

任何人都有任何想法,为什么这和我可以使用任何变通方法可靠地跨浏览器进行报告?

最佳答案 作为@Allyanora,我试图描述它为什么会发生:

由于不同的浏览器以不同方式应用td元素的显示属性,因此需要将display属性应用于块值.有关清晰视图,请参见下图:

working fiddle

点赞