无法在mozilla和IE中使用jQuery的.css获取边框属性（）

Question

在我的表格中，我使用了下面提到的tr并给出了使用样式的边框。

<tr id="test" name="test1" style="border: 2px solid !important"> 

虽然使用jquery

$(this).css('border-bottom') 

回报铬适当的值而不是在Mozilla和IE。我试过很多简写属性，以及诸如的borderStyle，borderBottomWidth，borderBottomColor，但没有成功。

请告诉我我做错了什么。

Answer 1

1. 首先，你的html表格不完整。 它很重要。
2. 当你的css被浏览器读取时，border: 2px solid #000;被解释为多个特定属性。您需要针对特定​​的CSS属性，例如：border-bottom-width

$(document).ready(function(){ 
 
    var border1 = $('#test').css('border-bottom-width'); 
 
    alert(border1); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table> 
 
    <tr> 
 
     <td id="test" style="border: 2px solid #000 !important;">sdsds</td> 
 
    </tr> 
 
</table>