How can I override an HTML "rules" attribute using CSS?

Posted by ajoten on Stack Overflow See other posts from Stack Overflow or by ajoten
Published on 2010-05-24T14:27:51Z Indexed on 2010/05/24 14:31 UTC
Read the original article Hit count: 295

Filed under:
|
|

The DITA Open Toolkit automatically inflicts some inline table attributes when one publishes to HTML, including frame="border" and rules="all".

I need to override this "rules" attribute using CSS styles for cells, and while I can get the desired result in IE and Chrome, Firefox puts solid black gridlines in the table and refuses to budge on the matter.

Obviously I can't edit the HTML, company policy is to not edit the XSLT, so how can I remove these gridlines using CSS alone?

I've tried various cunning combinations of border-xxxxxx styles and given them !important declarations to no effect.

Thanks, Andrew

© Stack Overflow or respective owner

Related posts about html

Related posts about css