Dropdown field: change its size and background color

  • Profile Image
    MartinBoyle
    Asked on October 25, 2014 at 07:40 AM

    Hi,

    Can you help me make the following amendments to the form below please?

    1. The dropdown box in the "Title" field, is it possible to a), make the box the same height as the textboxes throughout the rest of the form, and b) have a white background instead of a grey one?

     

    2. The "First & Last Name" field, for your information, is from Jotforms Quick Tools selection. Is it possible to a) Make both of these boxes the same width? b) Put them on the same alignment as the textboxes throughout the rest of the form, and c) remove the "first name" and "last name" text below the boxes, instead moving it to inside the textboxes themselves?

    Thanks very much,

    Martin

     

  • Profile Image
    Ben
    Answered on October 25, 2014 at 08:13 AM

    Hi Martin,

    I have moved your second question to a new thread so that we can provide you with the solution for it separately from this one in order to avoid any possible confusion.

    You can find the new thread here: http://www.jotform.com/answers/449116

    Now in regards to the question about the dropdown. To me it had white background already, but some browser will apply their styles, so to 'fight' this we can add a style that should be used instead of the browser default style.

    select.form-dropdown {
        background-color: white;
        height: 28px;
        width: 240px;
    }
    select.form-dropdown > option {
        background-color: white;
    }

    You can see from the code that if you want to change the width or height, it can be easily done within the first rule and the the background color can be changed using the background-color properties.

    Do let us know if that worked for you or if there are still some issues present in regards to the dropdown and we will be replying shortly to your other thread as well.

    Best Regards,
    Ben

  • Profile Image
    MartinBoyle
    Answered on October 25, 2014 at 08:26 AM

    Worked wonderfully :D.

    Cheers Ben

  • Profile Image
    Jan
    Answered on October 25, 2014 at 04:21 PM

    We're glad that Ben was able to resolved you issue. Let us know if you need further assistance.

    Thank you for using JotForm.

  • Profile Image
    guineapigme
    Answered on December 30, 2014 at 06:58 PM

    Is it possible in a a configurable list with a drop down menu, to make the various drop down selections different colors?

     

    That is, have the background for option 1 , red, option 2, green, etc ... ?

  • Profile Image
    Jeanette
    Answered on December 30, 2014 at 10:12 PM

    Since this is an unrelated question, I moved your inquiry to this new thread.