https://legacy.forums.gravityhelp.com/topic/drop-down-select-css-remove-gradient Gravity Support Forums Topic: Drop-Down Select CSS (remove gradient) en-US Sun, 05 Apr 2026 13:34:53 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/drop-down-select-css-remove-gradient#post-67651 Mon, 23 Jul 2012 22:50:23 +0000 Chris Hajer 67651@https://legacy.forums.gravityhelp.com/ <p>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.) </p> https://legacy.forums.gravityhelp.com/topic/drop-down-select-css-remove-gradient#post-67649 Mon, 23 Jul 2012 22:48:00 +0000 cmccrone 67649@https://legacy.forums.gravityhelp.com/ <p>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.</p> <p><a href="http://minus.com/mbdvOs1VYl/" rel="nofollow">http://minus.com/mbdvOs1VYl/</a> PERFECT! </p> https://legacy.forums.gravityhelp.com/topic/drop-down-select-css-remove-gradient#post-67642 Mon, 23 Jul 2012 22:15:53 +0000 Chris Hajer 67642@https://legacy.forums.gravityhelp.com/ <p>This is largely browser functionality. Take a look at what I see in Chrome 20 on Windows 7:<br /> <a href="http://minus.com/mbdvOs1VYl/" rel="nofollow">http://minus.com/mbdvOs1VYl/</a></p> <p>You can search online a little bit and see some work-arounds for styling drop down selects.<br /> <a href="https://www.google.com/search?hl=en&amp;q=style+drop+down+select+box" rel="nofollow">https://www.google.com/search?hl=en&amp;q=style+drop+down+select+box</a></p> <p>The first result is not bad:<br /> <a href="http://bavotasan.com/2011/style-select-box-using-only-css/" rel="nofollow">http://bavotasan.com/2011/style-select-box-using-only-css/</a> </p> https://legacy.forums.gravityhelp.com/topic/drop-down-select-css-remove-gradient#post-67635 Mon, 23 Jul 2012 21:33:55 +0000 cmccrone 67635@https://legacy.forums.gravityhelp.com/ <p>My site: <a href="http://goo.gl/r5sqA" rel="nofollow">http://goo.gl/r5sqA</a></p> <p>The drop down select is on the 2nd step. Just enter this (or anything of course) on the first step..<br /> USERNAME: xx<br /> PASSWORD: xx<br /> PASSWORD: xx</p> <p>Thank you! </p> https://legacy.forums.gravityhelp.com/topic/drop-down-select-css-remove-gradient#post-67634 Mon, 23 Jul 2012 21:30:51 +0000 cmccrone 67634@https://legacy.forums.gravityhelp.com/ <p>I cant seem to make my dropdown all one solid color. </p> <p>In the end i would like to:<br /> 1) Solid #FFFFFF (white) background<br /> 2) Remove rouded corners<br /> 3) 34px tall</p> <p>Heres my code:<br /> <pre><code>body .gform_wrapper .gform_body .gform_fields .gfield select { background-color:#FFFFFF!important; }</code></pre>