如何在顯示行中添加樣式：表

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> 

如果上面的代碼不適合您，然後送我到這裏生成的代碼。我會解決你的問題。