Bảng không hiển thị

Question

Hình ảnh trên cho thấy vấn đề của tôi - các tế bào trong các hình ảnh có nghĩa là để có một đơn điểm ảnh đường viền màu đỏ tròn mỗi trong số họ, tuy nhiên chỉ có một biên giới đầu được hiển thị.

Tôi có một lớp invalid cho tế bào bảng trong đó có CSS ​​sau đây:

th.invalid, td.invalid { 
    border: 1px double #b8202a; 
} 

Sử dụng trình gỡ lỗi Chrome, tôi có thể nhìn thấy các lớp áp dụng cho các tế bào, và tôi cũng có thể thấy rằng các quốc gia bố trí đó ô thứ phải có đường viền được chỉ định nhưng không nhất quán có đường viền màu đỏ. Tăng kích thước hoặc loại đường viền giữa đôi và vững chắc dường như không có hiệu lực. Di chuột qua ô cho thấy các đường viền ở đó không có màu.

Tôi có thể đang làm gì sai? :-)

Cập nhật: Cảm ơn bạn đã nhập. Thông tin trong số border color with border-collapse này có thể liên quan đến lý do tại sao nó có vấn đề.

Answer 1

thử thêm! Important mã dưới đây

th.invalid, td.invalid { 
border: 1px double #b8202a !important; 
} 
table.invalid 
border: 1px double #b8202a !important; 
} 
tr.invalid 
{ 
border: 1px double #b8202a !important; 
} 

Xem các liên kết dưới đây để biết Fiddle

Cảm ơn Maha

Answer 2

Bạn có thể có một số lỗi trong CSS, đây là một ví dụ nhanh FIDDLE

<table> 
    <tr> 
    <th class="invalid">Text</th> 
    <th>Text</th> 
    <th>Text</th> 
    <th>Text</th> 
    <th>Text</th> 
    </tr> 
    <tr> 
    <td class="invalid">Text</td> 
    <td>Text</td> 
    <td>Text</td> 
    <td>Text</td> 
    <td>Text</td> 
    </tr> 
</table> 

---

table, 
th, 
td { 
    border: 1px solid #666; 
    border-collapse: collapse; 
} 
th.invalid, 
td.invalid { 
    border: 1px double #b8202a; 
} 

nhưng nếu bạn muốn biên giới pixel có lẽ bạn nên sử dụng

th.invalid, 
td.invalid { 
    border: 1px solid #b8202a; 
} 

Answer 3

SOLVED

Hi,

tôi đã có trường hợp tương tự khi sử dụng bootstrap 3.

Vấn đề tôi thấy được tài sản css của bootstrap:

table {  
    border-spacing: 0; 
    border-collapse: collapse; /* here is the devil */ 
} 

tôi đã ghi đè lên nó trong css riêng của tôi bằng cách:

table, 
table td { 
    font-weight: bold; 
    background-color: #fff; 
    border-collapse: separate; /* This line */ 
} 

Sau đó, nó làm việc ..!