How can i put some style on an <apex:selectOptions>
tag on a Visualforce Page?
I have to change the font color of the options depending on one param, for instance if the param goes from 1 to 5, the color has to be green , if the param goes from 6 to 10, it has to be orange, if it´s from 11 to 15 then red and so on and so on, so apparently it is not possible to put style on an <apex:selectOptions>
tag so i wanna know if there´s another way to accomplish this.
Part of the vf page:
<div class="form-group">
Select Priority:
<apex:selectList id="pr" multiselect="false" size="1" style="height:30px">
<apex:selectOptions value="{!projectStatuslist}"></apex:selectOptions>
</apex:selectList>
<!--Select Worker:
<apex:selectList id="wr" size="1" multiselect="false" style="height:30px">
<apex:selectOptions value="{!workerslist}" id="worker">
</apex:selectOptions> -->
<label for="wr">Select Worker:</label>
<apex:selectList id="wr" styleClass="form-control" style="color:blue" size="1" >
<apex:selectOptions value="{!workerslist}" /></apex:selectList>
</div>