无法使用jquery' s .css()在mozilla和IE中获取边框属性

时间:2015-06-24 07:29:14

标签: jquery css border

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

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

使用jquery时

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

在chrome中返回适当的值,但不在mozilla和IE中返回。我也尝试了许多速记属性,例如 borderStyle borderBottomWidth borderBottomColor 但没有成功。

请告诉我我做错了什么。

1 个答案:

答案 0 :(得分:3)

  1. 首先,您的html表格不完整。 重要。
  2. 当您的css被浏览器读取时,border: 2px solid #000;将被解释为多个特定属性。您需要定位特定的css属性,例如:border-bottom-width
  3. $(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>