Formulaire Menu select modifier police dans les Options

llandry
Invité n'ayant pas de compte PHPfrance

27 avr. 2005, 13:31

Salut,

J'ai un formulaire avec une case select.
Pour chaque choix possible je veux afficher du texte et le mettre dans une style bien different.

Comment faire.

Voici mon code mais cela ne marche pas pk ??

<select name="select" onchange="addText(value);return(false)">
<option selected>
Mise en page
</option>
<option value="<span class='Style2'>Votre texte</span>" >
<span class='Style2'>Courier New</span>
</option>
<option value="<span class='Style1'>Votre texte</span>" >
<span class="Style1">Arial</span>
</option>
<option value="<span class='Style3'>Votre texte</span>">
<span class='Style3'>Times New Roman</span>
</option>
<option value="<span class='Style4'>arial</span>">
Arail +
</option>
<option value="<strong><span class='Style5'>arial</span></strong>">
Titre
</option>
</select>

Eléphanteau du PHP | 32 Messages

27 avr. 2005, 14:02

Salut, pour mettre un style il suffit de faire <option style="tonstyle..."> ou <option class="maclass"> pour centraliser les style dans un css :

<select name="select" onchange="addText(value);return(false)">
<option selected>
Mise en page
</option>
<option style="color:#FFEE00;" value="truc">Votre texte </option>
<option style="font-family:Courier New;FONT-SIZE: 16pt;">Votre texte</option>
<option style="background:#225533;font-family:Courier New;" value="truc">Votre texte</option>
<option value="truc">Etc</option>
</select>

Le seul pb c'est que ça marche pas pour ie mais très bien pour firefox :)
Sous ie les styles concernant les fontes ne marchent apparement pas (pour <option>) mis à part la couleur et peut être bold mais la taille et la famille de fonte ne marchent pas. :-)
Autrement tu peux changer la fonte en mettant un style a ton <select> mais tu peux pas pour chaque option (sous ie).
voila autrment faut faire un menu avec des <div> mais c'est un peu plus chiant.
Le mieux est l'ennemi du bien mais ça veut pas dire qu'il ne faut pas faire mieux
http://www.idc-solutions.com