SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    Posts rarely lloydi's Avatar
    Join Date
    Jan 2002
    Location
    Swindon UK
    Posts
    620
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Printing form elements using CSS

    Here's an interesting one. I have a form which, when I print it out, I want it to look like normal text. In other words, text areas, inputs etc have all the borders removed.

    Now, I can do most of this using the @media print command, and then setting borders to 0px solid white.

    But what about <select> tags? Is there any way that anyone knows of to suppress the printout of the pull-down arrow?

    Probably asking for way too much here, but worth a try all the same!
    Build Your Own Web Site the Right Way!
    A beginners' HTML/CSS book with web standards at its heart
    The Ultimate HTML Reference
    A complete reference, in glorious hardback

  2. #2
    SitePoint Guru siphilp's Avatar
    Join Date
    Nov 2001
    Location
    Fife, Scotland
    Posts
    663
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I looked into this a while back. The best solution I came up with was to use XML instead of CSS styles.
    Will look into my archive for some links / source code if you like?
    PM me if you have any further details


    Si

  3. #3
    SitePoint Wizard Ian Glass's Avatar
    Join Date
    Oct 2001
    Location
    Beyond yonder
    Posts
    2,384
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Ian, I would seem to me another option would be to use either a printer friendly page or you could possibly use JavaScript to hide the <SELECT> and write out the contents when a user prints. I don't know of any way to get rid of that arrow with CSS, though (and if there were, I'm sure we'd be seeing that all around the net as developers seek to find new and innovative ways to abuse their visitors ;-).

    ~~Hope This Helps
    Last edited by Ian Glass; Jan 21, 2002 at 10:25.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •