Styles dans les listing <option>

[sim100]

Bonjour
Dans un formulaire, j'ai une liste déroulante pour choisir un lieu. fait avec des <option></option> etc.
Mais tout n'est pas cliquable.
Par exemple la liste est:

AFRIQUE
Maroque
Algérie
Tunisie
Afrique du sud

Donc, AFRIQUE ne doit pas être selectionnable, les pays oui.

Comment faire pour que AFRIQUE ne soit pas sélectionnable, et comment faire pour que AFRIQUE soit par exemple en rouge et en gras ?

[spout]

Code: Tout sélectionner

<select>
<optgroup label="AFRIQUE">
<option value="Maroque">Maroque</option>
<option value="Algérie">Algérie</option>
<option value="Tunisie">Tunisie</option>
<option value="Afrique du sud">Afrique du sud</option>
<option value="Algérie">Algérie</option>
</optgroup>
</select>


Le CSS:

Code: Tout sélectionner

optgroup {font-weight:bold;color:#FF0000;}