当我们发布到HTML时,DITA Open Toolkit会自动添加一些内联表属性,包括frame="border"和rules="all"。
我需要使用CSS样式来覆盖这个"rules"属性,虽然我可以在IE和Chrome中获得期望的结果,但Firefox会在表格中放置实心黑色网格线,并拒绝改变此问题。
显然,我不能编辑HTML,公司政策是不允许编辑XSLT,那么如何仅使用CSS删除这些网格线呢?
我尝试了各种巧妙的border-xxxxxx样式组合,并给它们! important声明,但没有效果。
HTML代码如下...
<table cellpadding="4" cellspacing="0" frame="border" border="1" rules="all">
<thead>
<tr>
<th class="cellrowborder">Type </th>
<th class="cellrowborder">Comment </th>
</tr>
</thead>
<tbody>
<tr>
<td class="cellrowborder">Caution </td>
<td class="cellrowborder">Think twice. </td>
</tr>
<tr>
<td class="cellrowborder">Attention </td>
<td class="cellrowborder">Be careful. </td>
</tr>
<tr>
<td class="cellrowborder">Danger </td>
<td class="cellrowborder" >Be scared. Be very scared. </td>
</tr>
</tbody>
</table>
CSS表示
table {border: 1px solid black;
font-family: Arial, Helvetica, sans-serif;
border-collapse: collapse;
font-size: 9pt;
margin-top: 1em;
margin-bottom: 1em;
padding: 4px;}
tr {border: none;}
.cellrowborder {border: none;}
因此,虽然在IE中看起来与我预期的一样,但在Firefox中却不是,除非我在HTML中删除那些frame/border/rules属性。但在生产环境中我无法这样做。
border-color
在 Firefox 中作用于表格单元格时有效,但对表格本身无效。 - ajcw