無法在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>