PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

Drop-Down Select CSS (remove gradient)

  1. cmccrone
    Member

    I cant seem to make my dropdown all one solid color.

    In the end i would like to:
    1) Solid #FFFFFF (white) background
    2) Remove rouded corners
    3) 34px tall

    Heres my code:

    body .gform_wrapper .gform_body .gform_fields .gfield select {
      background-color:#FFFFFF!important;
    }
    Posted 12 years ago on Tuesday July 24, 2012 | Permalink
  2. cmccrone
    Member

    My site: http://goo.gl/r5sqA

    The drop down select is on the 2nd step. Just enter this (or anything of course) on the first step..
    USERNAME: xx
    PASSWORD: xx
    PASSWORD: xx

    Thank you!

    Posted 12 years ago on Tuesday July 24, 2012 | Permalink
  3. This is largely browser functionality. Take a look at what I see in Chrome 20 on Windows 7:
    http://minus.com/mbdvOs1VYl/

    You can search online a little bit and see some work-arounds for styling drop down selects.
    https://www.google.com/search?hl=en&q=style+drop+down+select+box

    The first result is not bad:
    http://bavotasan.com/2011/style-select-box-using-only-css/

    Posted 12 years ago on Tuesday July 24, 2012 | Permalink
  4. cmccrone
    Member

    I have google chrome (mac) and it looks nothing like your screenshot. Youd think it would be somewhat similar. Or did you alter the CSS because the link below you sent me is PERFECT.

    http://minus.com/mbdvOs1VYl/ PERFECT!

    Posted 12 years ago on Tuesday July 24, 2012 | Permalink
  5. I did not alter the CSS. Mac always uses that gradient and rounded colors. It's part of OS X I think. I just loaded your form without any modifications. It's browser and OS differences that largely control the look of certain form elements (like the drop down select box, especially.)

    Posted 12 years ago on Tuesday July 24, 2012 | Permalink