Dropdown field: change its size and background color

  • MartinBoyle
    Asked on October 25, 2014 at 7: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

     

  • Ben
    Replied on October 25, 2014 at 8: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

  • MartinBoyle
    Replied on October 25, 2014 at 8:26 AM

    Worked wonderfully :D.

    Cheers Ben

  • Jan
    Replied on October 25, 2014 at 4: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.

  • Jeanette JotForm Support
    Replied on December 30, 2014 at 10:12 PM

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