Modify select tag to inline display

Question

I am just wondering how can I modify the css option from a select tag, to make them look like a bootstrap badge, something like this: http://cssdeck.com/labs/twitter-bootstrap-badges so every option is display inline?

Possible duplicate of: http://stackoverflow.com/questions/8430279/how-to-style-the-option-with-only-css — Shalom Aleichem, Sep 16 '13 at 03:47

score 1 · Accepted Answer · answered Sep 16 '13 at 03:50

1

Well, you cannot style <option> in the <select> tag. But you can use <ul> or <nav> instead.

Here is the example: http://jsfiddle.net/Etr4F/589/

answered Sep 16 '13 at 03:50

Shalom Aleichem

2,987
2
22
34

Hi thanks, well the idea that I have is to be able to use it inside a form, this way when it is submitted I dont have to use any hidden inputs to submit the selected value. – Manza Sep 16 '13 at 04:32

score 0 · Answer 2 · answered Sep 16 '13 at 03:26

0

you can do position:absolute; or make a nav (HTML5) tag. Display inline-block is just one option.

answered Sep 16 '13 at 03:26

Haiz

171
2
11

Modify select tag to inline display

2 Answers2