Title: Drop Down Style
Last modified: November 27, 2016

---

# Drop Down Style

 *  [mrcavallo](https://wordpress.org/support/users/mrcavallo/)
 * (@mrcavallo)
 * [9 years, 4 months ago](https://wordpress.org/support/topic/drop-down-style/)
 * hello,
 * i have looked at a number of suggestions to style the drop down items – but i
   just cannot seem to get anything to work.
 * i have even tried giving it an id and tried for example:
 * #state-drop-down option {
    padding-top: 10px !important; padding-bottom: 10px!
   important; }
 * example is here: [http://112.140.176.50/~redrichf/contact-red-rich-fruits/](http://112.140.176.50/~redrichf/contact-red-rich-fruits/)
 * but the drop-down text is still close together.
 * can you please suggest how i can achieve this?
 * thank you.
 * Mark.

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

 *  [SJW](https://wordpress.org/support/users/whitsey/)
 * (@whitsey)
 * [9 years, 4 months ago](https://wordpress.org/support/topic/drop-down-style/#post-8486736)
 * [https://css-tricks.com/dropdown-default-styling/](https://css-tricks.com/dropdown-default-styling/)
 * > **What about the dropdown itself?**
   > As in, the thing that shows the choices when activated. As far as I know, there
   > is no way to style these in any browser. Not even bold or italic. The closest
   > thing to style you can get is grouping them by using <optgroup>. This is probably
   > mostly a UI thing, but it might be a security thing too. You wouldn’t want 
   > people doing tricky things with fonts that make it unclear what option is selected.
 *  Thread Starter [mrcavallo](https://wordpress.org/support/users/mrcavallo/)
 * (@mrcavallo)
 * [9 years, 4 months ago](https://wordpress.org/support/topic/drop-down-style/#post-8486829)
 * hello – that is what i am referring to – the selectable list of items. i have
   seen these styled before and have read articles on how to target them. but nothing
   i have tried works.
 * my line spacing on the link i posted is very small and i am trying to increase
   it. there must be a way.
 * thanks.
 * EDIT: i can seem to modity just one element – font-size – using custom id and
   the following:
 * #state-drop-down option {
    line-height: 39px !important; font-size: 20px !important;}
 * but it ignores all other css – such as padding, margins, line-height.
    -  This reply was modified 9 years, 4 months ago by [mrcavallo](https://wordpress.org/support/users/mrcavallo/).

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

The topic ‘Drop Down Style’ is closed to new replies.

 * ![](https://ps.w.org/contact-form-7/assets/icon.svg?rev=2339255)
 * [Contact Form 7](https://wordpress.org/plugins/contact-form-7/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/contact-form-7/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/contact-form-7/)
 * [Active Topics](https://wordpress.org/support/plugin/contact-form-7/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/contact-form-7/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/contact-form-7/reviews/)

 * 2 replies
 * 2 participants
 * Last reply from: [mrcavallo](https://wordpress.org/support/users/mrcavallo/)
 * Last activity: [9 years, 4 months ago](https://wordpress.org/support/topic/drop-down-style/#post-8486829)
 * Status: not resolved