Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

HTML Select Option, text formatting

Tags:

html

Do any of the modern browsers support any type (any type at all) of internal text formatting (so that part of a single option is formatting differentially). Different side, colour, strength, subscript, anything.

So far it seems that Chrome, at least, just deletes any tags put inside of option tags.

I am looking for something to accomplish this style of result (without having to deal with canvases):

<option value="8470621">Corey Perry <i>Anaheim Mighty Ducks</i></option>

OR

<option value="8474141"><b>Patrick Kane</b> Chicago Blackhawks</option>
like image 553
Jonathon Avatar asked Aug 22 '13 20:08

Jonathon


Video Answer


2 Answers

As the specification "4.10.12 The option element" states is the content model of an <option>-element text only.

like image 131
insertusernamehere Avatar answered Oct 06 '22 09:10

insertusernamehere


There is currently no support for nested HTML tags within options. The closest formatting element you can use is <optgroup> which will group options into sections.

What you could do is use a javascript replacement like Select2 or Chosen to style the elements. It isn't native, but it does support HTML.

like image 45
Matthew R. Avatar answered Oct 06 '22 08:10

Matthew R.