05 December 2006 0 comments Web development
For the print.css stylesheet I wanted to hide away several of the "interactive" things such as some forms and stuff. This is the code I used:
img.camera,
img.edit,
table.expenses input,
#shownfields,
input[type="submit"],
.exportlinks
{ display: none }
Works like a charm in Firefox but in IE (version 6 at least) none of them were applied. If I removed the input[type="submit"] selector the other ones worked. Is this a bug in Internet Explorer? Or have I declared it incorrectly. The W3C CSS validator sure doesn't hold me guilty. Here's what the code looks like now:
img.camera,
img.edit,
table.expenses input,
#shownfields,
.exportlinks
{ display: none }
/* If you run Firefox or like you won't have to see
the submit buttons when you print this page. */
input[type="submit"] { display: none }