Grow your CSS skills. Land your dream job.

Selece Box styling for print stylesheet

  • # September 25, 2009 at 5:17 pm

    Hello everyone, This is my first post on the forum. Sorry for this being a question rather than answer.

    I am trying to style select box for print style sheet. I want to show the selected option only, not all of the list values.I have just set border as none in following code. This gives me select box but the pull down arrows are visible. If anyone can help me out with the right approach for this, I will be grateful.

    Thank you very much.

    Sincerely,
    Yogesh

    Code:
    select{
    border:none;
    }
    # September 25, 2009 at 8:46 pm

    what do you get if you do

    select { display: none; }

    or

    visibility: hidden?

    # September 26, 2009 at 1:01 pm

    Thanks for the reply. When I apply mentioned rules, I don’t see anything. Select box and the value in it, both are hidden.

    # September 26, 2009 at 9:56 pm

    google jquery. It will have options to allow you to show the selected option. Other than that, post your code for the form and maybe I can look into it also.

    # September 26, 2009 at 10:33 pm

    try this code

    Code:
    < !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">





    Box 1 stuff…

    Box 2 stuff…

    Box 3 stuff…



    don’t forget to include jquery, otherwise it won’t work.

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".