Mise en forme balise <option> formulaire
lazabelle
Messages postés
11
Statut
Membre
-
lazabelle Messages postés 11 Statut Membre -
lazabelle Messages postés 11 Statut Membre -
Bonjour,
voici mon problème :
je n'arrive pas à mettre en forme une balise <option> de mon formulaire. Le voici :
<form action="fiche.php" name="frm" id="frm" method="post">
<p>
<select style="font-size:11pt; width:190px;" name="critere_recherche_spe">
<option style="font-weight:bold;" value="" >aller à</option>
<option value="presentation">la présentation</option>
<option value="agenda">l'agenda</option>
</select>
</p>
</form>
et ceci ne marche ni sous IE, ni sou Mozilla Firefox, ni sous opéra.
Avez-vous une idée ?
Merci d'avance
voici mon problème :
je n'arrive pas à mettre en forme une balise <option> de mon formulaire. Le voici :
<form action="fiche.php" name="frm" id="frm" method="post">
<p>
<select style="font-size:11pt; width:190px;" name="critere_recherche_spe">
<option style="font-weight:bold;" value="" >aller à</option>
<option value="presentation">la présentation</option>
<option value="agenda">l'agenda</option>
</select>
</p>
</form>
et ceci ne marche ni sous IE, ni sou Mozilla Firefox, ni sous opéra.
Avez-vous une idée ?
Merci d'avance
A voir également:
- Mise en forme balise <option> formulaire
- Whatsapp formulaire opposition - Guide
- Mise en forme conditionnelle excel - Guide
- Formulaire de réclamation facebook compte désactivé - Guide
- Mise en forme tableau croisé dynamique - Guide
- Mise a jour chrome - Accueil - Applications & Logiciels
7 réponses
salut,
bizarre, j'arrive à le mettre en gras chez moi. par contre le style ne prend effet que dans la liste déroulante !
essaie :
bizarre, j'arrive à le mettre en gras chez moi. par contre le style ne prend effet que dans la liste déroulante !
essaie :
<select style="font-size:11pt; width:190px;" name="critere_recherche_spe"> <option value="" ><span style="font-weight:bold;">aller à</span></option> <option value="presentation">la présentation</option> <option value="agenda">l'agenda</option> </select>
Merci Dalida,
j'ai essayé ta solution, mais ça ne marche pas non plus.
Par contre si je fais ça :
<form action="fiche.php" name="frm" id="frm" method="post">
<p>
<select style="font-size:11pt; width:190px;" name="critere_recherche_spe">
<option class="option" value="" >aller à</option>
<option value="presentation">la présentation</option>
<option value="agenda">l'agenda</option>
</select>
</p>
</form>
et dans mon CSS :
.option {
text-align:center;
font-weight:bold;
}
IE et Opéra : toujours rien
Firefox : comme toi tout à l'heure : la mise en gras et l'alignement ne s'applique qu'à l'intérieur de la liste déroulante. Or moi je souhaiterais qu'elle s'applique à ce que l'on voit avant de cliquer sur la flèche.
bizarre bizarre, tout ça...
une explication ?
j'ai essayé ta solution, mais ça ne marche pas non plus.
Par contre si je fais ça :
<form action="fiche.php" name="frm" id="frm" method="post">
<p>
<select style="font-size:11pt; width:190px;" name="critere_recherche_spe">
<option class="option" value="" >aller à</option>
<option value="presentation">la présentation</option>
<option value="agenda">l'agenda</option>
</select>
</p>
</form>
et dans mon CSS :
.option {
text-align:center;
font-weight:bold;
}
IE et Opéra : toujours rien
Firefox : comme toi tout à l'heure : la mise en gras et l'alignement ne s'applique qu'à l'intérieur de la liste déroulante. Or moi je souhaiterais qu'elle s'applique à ce que l'on voit avant de cliquer sur la flèche.
bizarre bizarre, tout ça...
une explication ?
si cela ne fonctionne pas il faut trouver pourquoi.
essaie d'alourdir tes sélecteurs en ajoutant leur ascendance, si cela ne fonctionne toujours pas colle un identifiant au '<select>'.
je n'y crois pas tellement car tu as testé le style embarqué et c'est de loin le plus lourd mais ça vaut le coup d'être essayé.
je souhaiterais qu'elle s'applique à ce que l'on voit avant de cliquer sur la flèche
dans ce cas tu appliques {font-weight:bold;} à '<select>' et {font-weight:normal;} à '<option>'.
essaie d'alourdir tes sélecteurs en ajoutant leur ascendance, si cela ne fonctionne toujours pas colle un identifiant au '<select>'.
conteneur select#monid option {
text-align:center;
font-weight:bold;
}
je n'y crois pas tellement car tu as testé le style embarqué et c'est de loin le plus lourd mais ça vaut le coup d'être essayé.
je souhaiterais qu'elle s'applique à ce que l'on voit avant de cliquer sur la flèche
dans ce cas tu appliques {font-weight:bold;} à '<select>' et {font-weight:normal;} à '<option>'.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Bon bein non, rien ne fonctionne chez moi...
Au mieux, en suivant les conseils de Dalida, j'applique une mise en forme au select et une autre aux balises option => ce qui me donne un résultat safisfaisant que sous Firefox.
Donc je crois que je vais en rester là, et en regardant à droite à gauche sur quelques sites, je m'aperçois que les mises en forme sont un peu "bidouillées" : il y a souvent des tirets (-- aller à -- ) pour faire la démarcation que je souhaite, ou encore des espaces insécables pour centrer. Donc je pense que je vais opter pour les jolis tirets, et tant pis pour la mise en gras !!
Merci en tout cas...
Au mieux, en suivant les conseils de Dalida, j'applique une mise en forme au select et une autre aux balises option => ce qui me donne un résultat safisfaisant que sous Firefox.
Donc je crois que je vais en rester là, et en regardant à droite à gauche sur quelques sites, je m'aperçois que les mises en forme sont un peu "bidouillées" : il y a souvent des tirets (-- aller à -- ) pour faire la démarcation que je souhaite, ou encore des espaces insécables pour centrer. Donc je pense que je vais opter pour les jolis tirets, et tant pis pour la mise en gras !!
Merci en tout cas...
salut,
je crois que je vais en rester là
ah ben non, pas déjà !!!
regarde ce que donne la balise '<optgroup>'. en affichant qu'un élément ça fait peut être ce que tu veux.
source
je crois que je vais en rester là
ah ben non, pas déjà !!!
regarde ce que donne la balise '<optgroup>'. en affichant qu'un élément ça fait peut être ce que tu veux.
source
hello,
<optgroup> ne me convient pas car je souhaite que le label soit considéré comme un élément de la liste et apparaisse en tant que premier élément, or ça n'est pas le cas. Il n'apparait qu'à l'intérieur de la liste (en cliquant sur la flèche). A tout hasard j'ai essayé selected="selected", mais pas de résultat.
De toute manière je n'ai pas réussi non plus à appliquer la mise en forme que je souhaite au label <optgroup>.
Merci en tout cas pour cette piste !
<optgroup> ne me convient pas car je souhaite que le label soit considéré comme un élément de la liste et apparaisse en tant que premier élément, or ça n'est pas le cas. Il n'apparait qu'à l'intérieur de la liste (en cliquant sur la flèche). A tout hasard j'ai essayé selected="selected", mais pas de résultat.
De toute manière je n'ai pas réussi non plus à appliquer la mise en forme que je souhaite au label <optgroup>.
Merci en tout cas pour cette piste !
