2010-05-24 7 views
4

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에 추가합니다. 나는 프로덕션에서 그럴 수 없다.

답변

0

아마도 FireBug Inspect 요소를 사용하면 CSS 속성을 감지하고 Firefox (instructions here)를 타겟팅 할 수 있습니다.

코드 예를 게시 할 수 있습니까?

2

문서로드시 jQuery의 제거 특성을 사용하여 이전 특성을 모두 제거합니다.

1

border-color

api.jquery.com/removeAttr이 적용 것으로 보인다.

+0

웹킷에서만, 파이어 폭스가 아니고 – ajcw

+0

파이어 폭스에서는 괜찮아요. – reisio

+0

Firefox에서 작동하는 예를 들어주세요. 이것은 FF10에서 아닙니다 - http://jsfiddle.net/ajcw/GYYHb/ – ajcw

2

나는 <table frame="border" rules="all">으로 빠른 플레이를했습니다. 열쇠는 예를 들어, 다른 테두리를 대체 할 것으로 보인다 :

table { 
    border: none; 
    border-collapse: collapse; 
} 
    td { 
     border: 1px solid silver; 
    } 

는 모두 국경을 제거해야하는 경우가 적합하지 않습니다,하지만 당신은 페이지의 배경에 border-color 일치 수도 있겠죠?

관련 문제