https://legacy.forums.gravityhelp.com/topic/styling-selectdrop-down-form-elements Gravity Support Forums Topic: Styling Select/Drop Down Form Elements en-US Tue, 21 Apr 2026 17:11:48 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/styling-selectdrop-down-form-elements#post-57205 Tue, 01 May 2012 14:27:14 +0000 Rob Harrell 57205@https://legacy.forums.gravityhelp.com/ <p>Rather than going this route, have you tried just enabling the built-in "enable enhanced user interface" option on the drop down in the formbuilder? </p> https://legacy.forums.gravityhelp.com/topic/styling-selectdrop-down-form-elements#post-57192 Tue, 01 May 2012 13:26:28 +0000 yannibmbr 57192@https://legacy.forums.gravityhelp.com/ <p>Hey there,<br /> So I'm trying to style the drop down select element on a form. I'm attempting to do this with jQuery, using the selectmenu script. So far, I'm not having any luck.</p> <p>Here's a form with some dropdowns I wish to style; <a href="http://bit.ly/JbNy6f" rel="nofollow">http://bit.ly/JbNy6f</a><br /> Here's the script I'm attempting to use: <a href="http://filamentgroup.com/lab/jquery_ui_selectmenu_an_aria_accessible_plugin_for_styling_a_html_select/" rel="nofollow">http://filamentgroup.com/lab/jquery_ui_selectmenu_an_aria_accessible_plugin_for_styling_a_html_select/</a></p> <p>I feel that I've gone through the steps to set everything up properly. Obviously jQuery is included and I also included jQuery UI</p> <pre><code>&lt;!-- jQuery UI Include --&gt; &lt;script type=&quot;text/javascript&quot; src=&quot;http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js&quot;&gt;&lt;/script&gt; &lt;!-- jQuery Selectmenu Include --&gt; &lt;script type=&quot;text/javascript&quot; src=&quot;http://buddingculture.com/wp-content/themes/budding-culture/js/jquery.ui.selectmenu.js&quot;&gt;&lt;/script&gt; &lt;script type=&quot;text/javascript&quot;&gt; jQuery(&#39;select#input_4_2&#39;).selectmenu({style:&#39;dropdown&#39;}); &lt;/script&gt;</code></pre> <p>When calling the script for the element, I've used just 'select', #input_4_2 etc. I'm just not sure what else is going on. I really need another pair of eyes to help me knock this out.</p> <p>Thanks. </p>