Граница строки таблицы не работает в Firefox и Safari

Я хотел, чтобы строка таблицы имела границу внизу и сверху. Код ниже работает в IE, но не в Firefox или Safari! Пожалуйста, помогите!Граница строки таблицы не работает в Firefox и Safari

HTML

<tr class='TableRow'>

CSS

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

источник

2012-04-19 user930514

Насколько я знаю, вы не можете установить границы для строк таблицы с помощью CSS. Но я предлагаю вам обходное решение: установите границы для ячеек внутри строки, а затем используйте cellspacing = "0". Вот CSS:

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

И образец HTML будет:

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

Первая строка будет одна с границами.

Надеюсь, что это поможет.

EDIT: Я пробовал свой код и не показывал границу в любом браузере, включая IE.

источник

2012-04-19 18:27:26

Спасибо! :) Это сработало – user930514

Это работало только для меня, когда я дал свой '

' объявление CSS 'border-collapse: separate'. –

Устраняет ли это проблему?

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

Он добавит границу для всех табличных данных в любых строк с классом TableRow. Добавление tr. в начале является хорошей практикой, так как я предполагаю, что вы будете использовать этот класс только со строкой таблицы.

Если вы применяете это к нескольким строкам, вы также можете добавить border-collapse:collapse;, который разрушит границы в одну границу.

источник

2012-04-19 18:34:58 jleft

Добавить border-collapse:collapse на стол, затем вы можете добавить границу к tr.

Пример:

table.myTable{ 
    border-collapse:collapse; 
} 

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

источник

2014-01-12 09:24:37

Смежные вопросы

Граница строки таблицы не работает в Firefox и Safari

ответ

Смежные вопросы