Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Selece Box styling for print stylesheet

  • This topic is empty.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #26229
    ymagashe
    Member

    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;
    }
    #64716
    cybershot
    Participant

    what do you get if you do

    select { display: none; }

    or

    visibility: hidden?

    #64730
    ymagashe
    Member

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

    #64745
    cybershot
    Participant

    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.

    #64748
    cybershot
    Participant

    try this code

    Code:




    Untitled Document



    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.