Possible Duplicate:
CSS with Option tag – Editing text color
I know I must be overlooking something very simple. I am trying to change the color of the asterik (*) next to the SELECT AN AMOUNT just showing customer that it is required. I have tried span and font tags specifying the color but nothing seems to work. I can’t seem to override the css for the select. Any help is appreciated.
I have posted code here also: http://jsfiddle.net/RGFAc/
<style type="text/css">
.styled-select select {background: transparent;width: 150px;color:#333333;font:bold 11px Arial, sans-serif;border: 1px solid #ABADB3;height: 25px;}
</style>
<div class="styled-select">
<select name="id" id="id">
<option value="">SELECT AN AMOUNT <span style="color:#EE3124">*</span></option>
<option value="gift5">$5</option>
<option value="gift10">$10</option>
<option value="gift15">$15</option>
</select></div>
I believe you can’t style text inside the options tag.
Similar question: CSS with Option tag – Editing text color