add small text in select option html

Asked Apr 25 '18 at 17:30

Active Apr 25 '18 at 17:48

Viewed 595 times

I have select options. I want to add a small text in options. Like my 2nd option have

<option>Gen Z (2000 &amp; later)</option>

in this option I want (2000 & later) bit smaller font size than Gen Z. I tried or and custom font size by css. but nothing works. If I use option{font-size:8px}. This works but it decrease the size of all the text in option.

Kindly tell me if there is any way to do this.

Thank you

<select class="form-control">
<option>No Preference</option>
<option>Gen Z (2000 &amp; later)</option>
<option>Millennial <small>(1980-1999)</small></option>
<option>Gen X <small>(1965-1979)</small></option>
<option>Boomer <small>(1946-1964)</small></option>
<option>Silent Gen <small>(1945 &amp; earlier)</small></option>
</select>

asked Apr 25 '18 at 17:30

Nimra

2

you can't use an select for that – epascarello Apr 25 '18 at 17:32
https://stackoverflow.com/questions/7208786/how-to-style-the-option-of-a-html-select/7208814 – j08691 Apr 25 '18 at 17:33
I'm voting to close this question as off-topic because what the OP is asking simply cannot be done. You cannot style individual sections of select option text. – StudioTime Apr 25 '18 at 17:56

add small text in select option html

0 Answers0