how to use different colors for parts of option text in html select?

Question

Is it possible to dislay different parts of the option text in select using different colors?

<select name="cards">
  <option value="0">This is green This is black</option>
  <option value="1">This is green This is black</option>
</select>

How to do it? Is it possible to do it with css or javascript? Maybe there some libraries that allow to do it? Is it possible at all?

any reason not to use span tags? – ChristianF Nov 19 '14 at 07:43 — ChristianF, Nov 19 '14 at 07:43
`span` is illegal in the `option` tag – meskobalazs Nov 19 '14 at 07:46 — meskobalazs, Nov 19 '14 at 07:46

score -3 · Answer 1 · answered Nov 19 '14 at 07:42

-3

Hope this will help you.

    <select name="select">
    <option value="1" style="color:blue">Test</option>
    <option value="2" style="color:green">Test</option>
    </select>

answered Nov 19 '14 at 07:42

ItzMe_Ezhil

1,276
2
11
22

1

OP is very clear that he need different colors for parts of the option text not for each option. – Benjamin Nov 19 '14 at 07:44
1

I meant that in each option part of the text should have one color and part of the text another color. – Oleg Nov 19 '14 at 07:45
Guess what your [answer](http://jsfiddle.net/3x55Lrg5/) not even works. – Benjamin Nov 19 '14 at 07:47

how to use different colors for parts of option text in html select?

1 Answers1