0

Hi all,

I'm trying to add spacing between the <option> tags by padding, height and margin - yet none have worked. Does anyone have any ideas? It's the simple things that stop me in my tracks haha. All of the options look cramped up and untidy, I'd like to give them room to breathe :)

M

2
Contributors
2
Replies
19
Views
4 Years
Discussion Span
Last Post by mmcdonald
1

Styling is not really an option (no punn intended) for the option element. Except for background-color and color I beleive..., style settings applied for the option element are ignored.

Similar discussion recently..
http://www.daniweb.com/web-development/web-design-html-and-css/threads/464295/how-to-define-the-font-for-selected-option-in-dropdown

Edited by JorgeM

Votes + Comments
I've only read up to the pun yet here's a plus 1. No rhyme intended. ;)
0

Sorry for missing the recent discussion.

That sucks, I've seen so many funky dropdowns though where there is more spacing, different font sizes, bold options that aren't indented and so on. AFter a little more research it appears that they can't be stryled because they are complied by the browser and not HTML. The only way around this is to use a plugin that complies its own dropdows such as:

http://labs.abeautifulsite.net/jquery-dropdown/

That can be styled and it's being built from lots of components by JQuery.

This question has already been answered. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.