Changer graisse d'une option dans un select et dans IE

**mioux** · 26/12/2007, 17h04

Salut

Je cherche à modifier la graisse d'une option contenue dans un select pour la passer en gras (dans le style comme ici, mais ne fonctionne que sous firefox)

J'ai tenté

Code :

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

1
2
3
4
<select>
    <option>option normale</option>
    <option><strong>option grasse</strong></option>
</select>

mais je me suis rendu compte que ca ne fonctionnait pas.

Je me suis donc tourné vers le CSS

Code :

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

1
2
3
4
.selectGras
{
    font-weight: bold;
}

avec les options en gras qui ont la classe créée

Code :

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

1
2
3
4
<select>
    <option>Option normale</option>
    <option class="selectGras">Option grasse</option>
</select>

qui fonctionne nickel sous firefox, mais qui ne fonctionne pas sous IE

Et c'est là qu'arrive le truc qui m'énerve... je peux modifier la couleur de fond et la couleur du texte, mais pas la graisse ni le style (genre mettre "italic")... ce qui me parait un comble.
Et pour rajouter un autre comble, les personnes qui vont utiliser le site sont sous IE6 exclusivement

(ils n'utilisent que les logiciels "certifiés 'entreprise'" (pour ne pas la citer) et ni IE7 ni FF ni Opera ne font partie des logiciels certifiés

)

En attendant je vais mettre le fond en gris pour les options qui devraient être en gras, mais si vous avez une idée sur comment faire, je suis preneur

Merci d'avance

**blueice** · 27/12/2007, 09h36

Essaye bolder, mais ça doit fonctionner, peut-être l'héritage d'une autre classe ou id...

**mioux** · 27/12/2007, 10h24

Pas mieux...

J'ai fais une page de test pour être sûr qu'il n'y ait aucun héritage dû à une classe ou un ID que j'aurai pas vu, mais ca ne change rien

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
<html>
<head>
    <title>test</title>
    <style type="text/css">
        /* définition du style de la police, et largeur du select */
        select {
          font-family : Courier ;
          font-size : 10px ;
          width : 200px ;
        }
 
        /* élément de couleur bleu */
        option.bleu {
          color : #0000FF ;
          background-color : #00CCFF ;
          font-weight: bolder;
        }
 
        /* élément de couleur violet */
        option.violet {
          color : #9900FF ;
          background-color : #99CCFF ;
        }
        
        .testGras
        {
          font-weight: bolder;
        }
    </style>
</head>
<body>
    <div>
        <select>
            <option>Option normale 1</option>
            <option class="testGras">Option avec class="testGras"</option>
            <option>Option normale 2</option>
        </select>
    </div>
    <div>
        <select name="monselect">
            <option value="1" class="bleu">un</option>
            <option value="2" class="violet">deux</option>
            <option value="3" class="bleu">trois</option>
            <option value="4" class="violet" selected>quatre</option>
        </select>
    </div>
</body>
</html>

Il y a en fait 2 tests qui trainent dans ce code

Changer graisse d'une option dans un select et dans IE

HTML

Discussions similaires

Partager

Partager