css - 如何向显示 :table 中的行添加样式

Question

以下是我的代码....它在除 Firefox 之外的所有浏览器中都能完美运行...在 Firefox 中，行的底部边框不可见...我该如何解决？

  <display:table class="displayTableBorder" export="false" style="width:95%;" rules="rows" summary="Plan actions and notes" name="planSummaryDTO.listPlanNoteDto" uid="planNote" rules="rows" requestURI="" pagesize="2">

 <display:column class="table-row" style="border:1px solid black;" title="Action" headerClass="hixTableHeader header" class="displayTagtd" style="width: 10%;text-align: center;">

   <a href="javascript:showUpdateWindow('UPDATE','${planNote.noteId}');" style="FONT-SIZE: 14px;font-family: Vegur;color: rgb(0, 0, 0); text-decoration:underline;font-weight:normal">${planNote.action}</a>
</display:column>

<display:column style="border:1px solid black;" property="createdDate" style="width: 20%;text-align: center;"  title="Date" headerClass="hixTableHeader header" class="displayTagtd" />
            </display:table>

Answer 1

如果您是代码生成表格，则删除内联样式并使用以下 CSS

 <style>
 table, table tr, table tr td
 {
    border: 1px solid gray;
    -moz-border: 1px solid gray;
    -webkit-border: 1px solid gray;
    border-collapse: collapse;
 }
 </style>

如果以上代码不适用于您，请在此处将您生成的代码发送给我。我会解决你的问题。