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: https://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)

  • 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

    (@mrcavallo)

    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 8 years, 3 months ago by mrcavallo.
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Drop Down Style’ is closed to new replies.