Title: CSS for Dropdown
Last modified: March 15, 2018

---

# CSS for Dropdown

 *  Resolved [tilou](https://wordpress.org/support/users/tilou/)
 * (@tilou)
 * [8 years, 2 months ago](https://wordpress.org/support/topic/css-for-dropdown-2/)
 * Hi
 * How do you customize the look of the dropdown?
 * Thanks
    Jean-Lou
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fcss-for-dropdown-2%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 5 replies - 1 through 5 (of 5 total)

 *  Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/)
 * (@codepeople)
 * [8 years, 2 months ago](https://wordpress.org/support/topic/css-for-dropdown-2/#post-10079632)
 * Hello [@tilou](https://wordpress.org/support/users/tilou/),
 * If you want customize the appearance of all dropdown fields, the selector would
   be:
 *     ```
       #fbuilder .cff-dropdown-field select{}
       ```
   
 * But if you want customize the appearance of only one dropdown field, assign to
   it a custom class name, for example: my-field (the class names are assigned to
   the fields through the “Add CSS Layout Keywords” attribute in their properties),
   and the selector in this case would be:
 *     ```
       #fbuilder .my-field select{}
       ```
   
 * The styles definitions are entered into the “Customize Form Design” attribute
   in the “Form Settings” tab ([https://cff.dwbooster.com/images/documentation/form-settings-tab.png](https://cff.dwbooster.com/images/documentation/form-settings-tab.png))
 * For example, assuming you want change the background color of the field to yellow,
   the style definition would be:
 *     ```
       #fbuilder .my-field select{background-color: yellow;}
       ```
   
 * If you need a custom coding service to customize the appearance of your form,
   do not hesitate in contact me through my private website:
 * [https://cff.dwbooster.com/customization](https://cff.dwbooster.com/customization)
 * Best regards.
 *  Thread Starter [tilou](https://wordpress.org/support/users/tilou/)
 * (@tilou)
 * [8 years, 2 months ago](https://wordpress.org/support/topic/css-for-dropdown-2/#post-10080998)
 * It’s not enough, my form setting uses the default template.
    and cannot change
   the border radius of the dropdown for example and color of arrows etc.
 *  [aelkhouly](https://wordpress.org/support/users/aelkhouly/)
 * (@aelkhouly)
 * [8 years, 2 months ago](https://wordpress.org/support/topic/css-for-dropdown-2/#post-10081025)
 * I agree it doesn’t work…even if you aren’t using the default template.
    I tried
   assigning a class to the field called ldisclaimer and in the form css I tried.
   ldisclaimer select {background-color: red;} (it doesn’t work) #fbuilder .ldisclaimer
   select {background-color: red;} (it doesn’t work)
 * there is something wrong with customizing the css … I am not sure what is going
   on.
 *  Thread Starter [tilou](https://wordpress.org/support/users/tilou/)
 * (@tilou)
 * [8 years, 2 months ago](https://wordpress.org/support/topic/css-for-dropdown-2/#post-10081040)
 * Got it!
 * Important remove the default style
 *     ```
       #fbuilder .my-field select{
        border: 0 !important;.  /*Removes border*/
            -webkit-appearance: none;  /*Removes default chrome and safari style*/
            -moz-appearance: none;  /*Removes default style Firefox*/
       }
       ```
   
    -  This reply was modified 8 years, 2 months ago by [tilou](https://wordpress.org/support/users/tilou/).
 *  Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/)
 * (@codepeople)
 * [8 years, 2 months ago](https://wordpress.org/support/topic/css-for-dropdown-2/#post-10081863)
 * Hello [@tilou](https://wordpress.org/support/users/tilou/),
 * Thank you very much for sharing your solution.
 * Best regards.

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘CSS for Dropdown’ is closed to new replies.

 * ![](https://ps.w.org/calculated-fields-form/assets/icon-256x256.jpg?rev=1734377)
 * [Calculated Fields Form](https://wordpress.org/plugins/calculated-fields-form/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/calculated-fields-form/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/calculated-fields-form/)
 * [Active Topics](https://wordpress.org/support/plugin/calculated-fields-form/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/calculated-fields-form/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/calculated-fields-form/reviews/)

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)
 * [customization](https://wordpress.org/support/topic-tag/customization/)
 * [dropdown](https://wordpress.org/support/topic-tag/dropdown/)

 * 5 replies
 * 3 participants
 * Last reply from: [codepeople](https://wordpress.org/support/users/codepeople/)
 * Last activity: [8 years, 2 months ago](https://wordpress.org/support/topic/css-for-dropdown-2/#post-10081863)
 * Status: resolved