Đường viền hàng bảng không hoạt động trong Firefox và Safari

Tôi muốn hàng của bảng có đường viền ở dưới cùng và trên cùng. Mã bên dưới hoạt động trong IE nhưng không có trong Firefox hoặc Safari! Giúp đỡ một cách tử tế!Đường viền hàng bảng không hoạt động trong Firefox và Safari

HTML

<tr class='TableRow'>

CSS

.TableRow{ 
    border-bottom: 2px solid rgb(167,167,167); 
    border-top: 2px solid rgb(167,167,167); 
    }

Nguồn

2012-04-19 user930514

Theo như tôi biết, bạn không thể thiết lập biên giới để hàng bảng thông qua CSS. Nhưng tôi sẽ đề nghị bạn giải quyết vấn đề này: Đặt đường viền cho các ô bên trong hàng và sau đó sử dụng cellspacing = "0". Đây là CSS:

.TableRow td{ 
    border-bottom: 2px solid rgb(167,167,167); 
    border-top: 2px solid rgb(167,167,167); 
}

Và một HTML mẫu sẽ là:

<table cellspacing="0"> 
    <tr class="TableRow"> 
     <td>A</td> 
     <td>B</td> 
    </tr> 
    <tr> 
     <td>C</td> 
     <td>D</td> 
    </tr> 
</table>

Hàng đầu tiên sẽ là một với biên giới.

Hy vọng điều đó sẽ hữu ích.

EDIT: Tôi đã thử mã của bạn và không hiển thị đường viền trong bất kỳ trình duyệt nào, bao gồm cả IE.

Nguồn

2012-04-19 18:27:26

Cảm ơn bạn! :) Nó làm việc – user930514

Điều này chỉ làm việc cho tôi khi tôi đã đưa ra '

' một khai báo CSS của 'border-collapse: separated'. –

Điều này có khắc phục được sự cố của bạn không?

tr.TableRow td { 
    border-bottom: 2px solid rgb(167,167,167); 
    border-top: 2px solid rgb(167,167,167); 
}

Nó sẽ thêm đường viền cho tất cả dữ liệu bảng trong bất kỳ hàng nào có lớp TableRow. Việc thêm tr. vào lúc bắt đầu là thực hành tốt, vì tôi cho rằng bạn sẽ chỉ sử dụng lớp này với hàng của bảng.

Nếu bạn đang áp dụng này để nhiều rows- bạn cũng có thể muốn thêm border-collapse:collapse; đó sẽ sụp đổ biên giới thành một biên giới duy nhất.

Nguồn

2012-04-19 18:34:58 jleft

Thêm border-collapse:collapse vào bảng, sau đó bạn có thể thêm đường viền vào tr.

Ví dụ:

table.myTable{ 
    border-collapse:collapse; 
} 

table.myTable tr{ 
    border:1px solid red; 
}

Nguồn

2014-01-12 09:24:37

Đường viền hàng bảng không hoạt động trong Firefox và Safari

Trả lời

Các vấn đề liên quan