05 December 2006 Web development
This blog post is 14 years old! Most likely, its content is outdated. Especially if it's technical.
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 }
- Previous:
- is is not the same as equal in Python 01 December 2006
- Next:
- ImageMagick conversion comparison 09 December 2006
- Related by category:
- How to create-react-app with Docker 17 November 2017 Web development
- Fastest way to find out if a file exists in S3 (with boto3) 16 June 2017 Web development
- How to throttle AND debounce an autocomplete input in React 01 March 2018 Web development
- Be very careful with your add_header in Nginx! You might make your site insecure 11 February 2018 Web development
- Displaying fetch() errors and unwanted responses in React 06 February 2019 Web development
- Related by keyword:
- Find print statements in Python code 12 April 2005
- Printer usability problem 24 August 2007
- Tip: Printer friendly pages with Page Templates in Zope 24 March 2008
- Don't put title in a <link> tag 07 January 2006
- Printer friendly and PDF version of every page 14 January 2004
