Discussion :

[Flackou]

Salut,

Dans mes formulaires, je souhaiterais que les champs "select" aient une valeur par défaut du style "Choisissez votre réponse...", en italique donc.

J'ai essayé

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<option value=""><i>Choisissez votre réponse...</i></option>

mais ca ne marche pas. Il n'est pas possible de mettre du code HTML dans une balise <option>? Pourtant, il me semble avoir rencontré pas mal de formulaires qui avaient un réponse en italique.

Quelqu'un saurait comment je peux faire?

[mick8569]

Tu dois pouvoir résoudre ton problème en utilisant les CSS en créant un style du type :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
.option.italique {
  font-style: italic;
}

Tu peux ensuite utiliser ton style ta balise <option>.

Ou alors, vaut mieux utiliser une CSS à part mais ça doit marcher (pas testé) :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<option value="" style="font-style: italic">Ton option</option>

[Auteur]

Tu dois pouvoir résoudre ton problème en utilisant les CSS en créant un style du type :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
.option.italique {
  font-style: italic;
}

Tu peux ensuite utiliser ton style ta balise <option>.

euh.... Tu as fait une faute dans ta CSS : tu as mélangé deux syntaxes :

• Si tu écris :
  

  Code css :

  Sélectionner tout - Visualiser dans une fenêtre à part

  1
  2
  3
  4
   
  option{
   font-style: italic;
  }

  alors le texte de toutes les balises options seront en italique.
• Si tu écris :
  

  Code css :

  Sélectionner tout - Visualiser dans une fenêtre à part

  1
  2
  3
  4
   
  .italique{
   font-style: italic;
  }

  alors le texte encadré par les balises (option, span, div, p, etc.) appelant cette classe sera en italique ;
  

  Code html :

  Sélectionner tout - Visualiser dans une fenêtre à part

  1
  2
   
  <option value="" class="italique">Ton option</option>

• Code :

  Sélectionner tout - Visualiser dans une fenêtre à part

  <option value="" style="font-style: italic">Ton option</option>

  Dans ce cas on utilise le "style en ligne" qui consiste à définir le style à appliquer en utilisant l'attribut style de la balise.

[mick8569]

Oui en effet je suis allé un peu vite, mais tu peux aussi faire :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
option.italique {
    font-style: italic;
}

En faisant "option.italique" au lieu de "italique", le style italique dans ces cas là ne peut s'utiliser que sur une balise <option>.
C'est quelque chose que je fais assez souvent bien que dans ces cas là, il préférable de ne pas le faire (comme ça le style italique peut être utilisé avec une balise <span> par exemple).

[Flackou]

Ok. Je vais utiliser du CSS alors.

Merci pour vos réponses.

[mouss4rs]

Salut,
J'ai le même problème.
Je voudrais mettre en italique juste une <option> de mon <select>.

Voici ce que je fait, mais cela ne marche pas !

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
<select name="top5" size="1">
<option value="" style="font-style: italic">David Hallyday</option>
<option>Michael Jackson</option>
<option selected>Michel Jonasz</option>
<option>Céline Dion</option>
<option>Patrick Bruel</option>
</select>

Est-il possible de mettre en italique juste une ou plusieurs <option> soit avec dans le html ou le css ?

Merci d'avance