DITA Open Toolkit은 frame = "border"및 rules = "all"을 포함하여 HTML에 게시 할 때 일부 인라인 테이블 속성을 자동으로 부여합니다.CSS를 사용하여 HTML "규칙"속성을 무시할 수 있습니까?
셀에 CSS 스타일을 사용하여이 "규칙"속성을 덮어 써야합니다. IE와 Chrome에서 원하는 결과를 얻을 수 있지만 Firefox는 검은 색 눈금 선을 테이블에 배치하고 문제를 해결하기를 거부합니다.
분명히 HTML을 편집 할 수 없기 때문에 회사 정책은 XSLT를 편집하지 않기 때문에 CSS 만 사용하여 이러한 눈금 선을 어떻게 제거 할 수 있습니까?
border-xxxxxx 스타일의 다양한 교묘 한 조합을 시도해 보았습니다. 중요한 선언을 적용하지 않았습니다. 나는 그 프레임을 제거하지 않는 한 내가 IE에서 예상대로 보이는 동안 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;}
그래서 말한다
<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>
html로 말한다는 ..., 파이어 폭스하지 않습니다/border/rules 속성을 HTML에 추가합니다. 나는 프로덕션에서 그럴 수 없다.
웹킷에서만, 파이어 폭스가 아니고 – ajcw
파이어 폭스에서는 괜찮아요. – reisio
Firefox에서 작동하는 예를 들어주세요. 이것은 FF10에서 아닙니다 - http://jsfiddle.net/ajcw/GYYHb/ – ajcw