CSS selector bug in IE?

05 December 2006   0 comments   Web development

Mind That Age!

This blog post is 11 years old! Most likely, its content is outdated. Especially if it's technical.

Powered by Fusion×

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 }
Follow @peterbe on Twitter

Comments

Thank you for posting a comment

Your email will never ever be published


Related posts

Previous:
is is not the same as equal in Python 01 December 2006
Next:
ImageMagick conversion comparison 09 December 2006
Related by Keyword:
Tip: Printer friendly pages with Page Templates in Zope 24 March 2008
Printer usability problem 24 August 2007
Don't put title in a <link> tag 07 January 2006
Find print statements in Python code 12 April 2005
Printer friendly and PDF version of every page 14 January 2004
Related by Text:
Button tag in bloody Internet Explorer 09 August 2005
How to "onchange" in ReactJS 21 October 2015
AJAX accelerated web widgets 23 June 2005
Optional input labels 13 June 2007
slim, a new free web service for white space optimisation 25 July 2006