如何在显示行中添加样式：表

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> 

如果上面的代码不适合您，然后送我到这里生成的代码。我会解决你的问题。