Hide input buttons when printing

Trent

Hello,

I am creating a stylesheet for printing out some webpages. I would
like the printed pages to NOT display buttons. However, text fields
should be printed. Therefore, the following code will not work:

input { display : none; }

....since text fields will also be hidden. I am looking for a solution
along the lines of:

input:button { display : none; }

Is anything like this possible? Thanks.

Jul 20 '05 #1

Subscribe Reply

17188

Martin Honnen

Trent wrote:

I am creating a stylesheet for printing out some webpages. I would
like the printed pages to NOT display buttons. However, text fields
should be printed. Therefore, the following code will not work:

input { display : none; }

...since text fields will also be hidden. I am looking for a solution
along the lines of:

input:button { display : none; }

input[type=button] {
display: none;
}
will hide
<input type="button">
elements with browsers supporting that CSS 2 selector (Mozilla, Netscape
6/7, Opera). See
http://www.w3.org/TR/CSS2/selector.h...bute-selectors

--

Martin Honnen
http://JavaScript.FAQTs.com/

Jul 20 '05 #2

Eric Bohlman

sp*******@marx7.org (Trent) wrote in
news:22************************@posting.google.com :

I am creating a stylesheet for printing out some webpages. I would
like the printed pages to NOT display buttons. However, text fields
should be printed. Therefore, the following code will not work:

input { display : none; }

...since text fields will also be hidden. I am looking for a solution
along the lines of:

input:button { display : none; }

Is anything like this possible? Thanks.

In principle you could use attribute selectors:

input[type="button"] {display: none;}

but unfortunately IE doesn't support them. I suggest you give any input
elements that shouldn't be printed a class of "noprint" or the like and
then use that in your stylesheet. More effort, but should work nearly
everywhere.

Jul 20 '05 #3

Neal

"Trent" <sp*******@marx7.org> wrote in message
news:22************************@posting.google.com ...

Hello,

I am creating a stylesheet for printing out some webpages. I would like the printed pages to NOT display buttons. However, text fields should be printed. Therefore, the following code will not work:
input { display : none; }

...since text fields will also be hidden. I am looking for a solution along the lines of:

input:button { display : none; }

Is anything like this possible? Thanks.

I had a similar issue getting a button to have a top margin of 1
em while no other inputs were affected. I did this.

input.button {
margin-top: 1em
}
.. . .
<input class="button" ...

Jul 20 '05 #4

Similar topics

30014

hide <label>

by: Xerxes | last post by:

Hi, can you tell me how I can make a <label> hidden? I have hidden the field after the label: var M_Hide = isNS4?'hide':'hidden'; var M_Show = isNS4?'show':'visible'; ..... <label...

Javascript

23851

Show/Hide buttons based on radio selection

by: Owen Funkhouser | last post by:

I have a form with three radio options. And I have three buttons: <input type="submit" name="mainform_action" value="Edit Data"> <input type="submit" name="mainform_action" value="View Data">...

Javascript

11891

Hide table using radio button

by: Don Grover | last post by:

I have a table thats wrapped in a div tag, that when user selects 1 of 2 radio buttons it hides or shows table, this works ok. But I want to set the table show hide on what the existing state of...

Javascript

13418

Display/Hide Fields using radio buttons

by: DettCom | last post by:

Hello, I would like to be able to display or hide fields based on whether a specific Yes/No radio button is selected. This is in conjunction with a posting a just made here in the same group...

Javascript

12168

Hide/show <div>

by: MOHSEN KASHANI | last post by:

Hi, I am trying to hide some form elements in a form by default and show/hide depending on which radio button is clicked. This is what I have but it is not working: <head> <style> ..noshow {...

Javascript

1752

HIDE html elements in aspx page

by: David Perez | last post by:

Hi all, We have two buttons in an aspx page like this <input id="Print" type="button" value="Print" onclick="javascript:self.print()"> <input id="Close" type="button" value="Close"...

.NET Framework

19179

Hide input text

by: C.W.Holeman II | last post by:

I what to hide an input element and the following text. I have the selector for the input working and just need to grab the text following it. CSS: form{ display:table; text-align:center; }

HTML / CSS

8795

PrintPreviewControl - Hide "Generating Previews" Dialog

by: deciacco | last post by:

I'm trying to write a label printing SDI app with a small preview on the main form itself. Every time I run the InvalidatePreview event on the preview control to redraw the preview I get the...

C# / C Sharp

4652

Hide All Except One Tabs showing hidden content brriefly

by: somnamblst | last post by:

I am using jQuery & hideAllExcept.js from this demo tute http://enure.net/dev/hide-all-except-one/ The issue is that on a page with other content, the images I have placed in the toggleThis...

Javascript

7109

Changing the language in Windows 10

by: Hystou | last post by:

Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...

Windows Server

7313

Problem With Comparison Operator <=> in G++

by: Oralloy | last post by:

Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...

C / C++

7372

Maximizing Business Potential: The Nexus of Website Design and Digital Marketing

by: jinu1996 | last post by:

In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...

Online Marketing

7481

Discussion: How does Zigbee compare with other wireless protocols in smart home applications?

by: tracyyun | last post by:

Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...

General

5619

AI Job Threat for Devs

by: agi2029 | last post by:

Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...

Career Advice

4702

Couldn’t get equations in html when convert word .docx file to html file in C#.

by: conductexam | last post by:

I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and...

C# / C Sharp

3190

Trying to create a lan-to-lan vpn between two differents networks

by: TSSRALBI | last post by:

Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The...

Networking - Hardware / Configuration

3179

Windows Forms - .Net 8.0

by: adsilva | last post by:

A Windows Forms form does not have the event Unload, like VB6. What one acts like?

Visual Basic .NET

758

How to add payments to a PHP MySQL app.

by: muto222 | last post by:

How can i add a mobile payment intergratation into php mysql website.

PHP