https://legacy.forums.gravityhelp.com/topic/change-dropdown-color-on-date-and-time-ampm Gravity Support Forums Topic: Change dropdown color on date and time am/pm en-US Sun, 05 Apr 2026 18:24:22 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/change-dropdown-color-on-date-and-time-ampm#post-48005 Wed, 01 Feb 2012 13:47:49 +0000 Kevin Flahaut 48005@https://legacy.forums.gravityhelp.com/ <p>Wonderful. I'm happy I could help. Thanks for the update. </p> https://legacy.forums.gravityhelp.com/topic/change-dropdown-color-on-date-and-time-ampm#post-47977 Wed, 01 Feb 2012 04:56:14 +0000 andrew hewinson 47977@https://legacy.forums.gravityhelp.com/ <p>Hi Kevin,<br /> That absolutely worked! Thank you so much for your help.<br /> Enjoy your week,<br /> Andrew </p> https://legacy.forums.gravityhelp.com/topic/change-dropdown-color-on-date-and-time-ampm#post-47975 Wed, 01 Feb 2012 04:31:38 +0000 Kevin Flahaut 47975@https://legacy.forums.gravityhelp.com/ <p>You're not targeting the select element (drop down) to inherit the same properties are you are the inputs and textareas.</p> <p>You'll want to edit your custom CSS, find these two rules..</p> <pre><code>[css] input, textarea { border: 1px solid #caa95f; } input, textarea { background: none repeat scroll 0 0 transparent ; }</code></pre> <p>and change them to this ( one more specific rule that includes the select element )</p> <pre><code>[css] body .gform_wrapper .gform_body .gform_fields .gfield input, body .gform_wrapper .gform_body .gform_fields .gfield textarea, body .gform_wrapper .gform_body .gform_fields .gfield select { border: 1px solid #caa95f; background: none repeat scroll 0 0 transparent }</code></pre> <p>and it appears to work.. at least in the browsers I checked.</p> <p>screenshot: <a href="http://bit.ly/wgVfV5" rel="nofollow">http://bit.ly/wgVfV5</a></p> <p>Be advised that styling/CSS support for select elements differs quite a bit among browsers. What works in one may not always work in another. </p> <p><a href="http://www.456bereastreet.com/lab/styling-form-controls-revisited/select-single/" rel="nofollow">http://www.456bereastreet.com/lab/styling-form-controls-revisited/select-single/</a></p> <p>You'll want to test in a few different browsers to see how it looks. Good luck. </p> https://legacy.forums.gravityhelp.com/topic/change-dropdown-color-on-date-and-time-ampm#post-47973 Wed, 01 Feb 2012 02:47:15 +0000 andrew hewinson 47973@https://legacy.forums.gravityhelp.com/ <p>Hi,<br /> I can't seem to change the background color of the dropdown menus in the image below<br /> <a href="http://awesomescreenshot.com/0c1tb192f" rel="nofollow">http://awesomescreenshot.com/0c1tb192f</a><br /> here is the page on the site -<br /> <a href="http://www.waterfrontportmelbourne.com.au/coral-room-wedding-confirmation-form" rel="nofollow">http://www.waterfrontportmelbourne.com.au/coral-room-wedding-confirmation-form</a><br /> I have changed other components by adding to themes custom css. Thanks for your time.<br /> Cheers,<br /> Andrew </p>