Logo GNT
Actualités Tests & Guides Bons Plans
GTA 6 iPhone 17 Copilot Switch 2 Temu ChatGPT Tesla
OVH Cloud OVH Cloud
Entraide Développement Développement Langage JavaScript liste deroulante

liste deroulante

1 réponse
Avatar
david
bonjour , j'aimerais mettre en gras certaines option de ma liste deroulante
comment pourrais je faire
merci
Signaler un problème avec ce contenu

1 réponse

Supprimer
Cette action est irreversible, confirmez la suppression du commentaire ?
Signaler le commentaire

Veuillez sélectionner un problème

Nudité
Violence
Harcèlement
Fraude
Vente illégale
Discours haineux
Terrorisme
Autre
Avatar
Thibault
david wrote:
bonjour , j'aimerais mettre en gras certaines option de ma liste deroulante
comment pourrais je faire
merci




Bonjour,
Cette question n'est pas du javascript, il s'agit d'un problème HTML/CSS
Mais je vais quand meme répondre :-)

le plus propre: avec des feuilles de style
sinon avec des attributs de balises 'style' :

<style>
option.gras { font-weight: bold; }
option.custom {
font-weight: bold;
color: red;
text-decoration: overline;
}
</style>

<select>
<option style="font-weight: bold">en gras</option>
<option style="text-decoration: underline">souligné</option>
<option style="text-decoration: underline; font-weight: bold">en gras
souligné</option>
<option class="gras">en gras aussi</option>
<option class="custom">personalisé</option>
</select>


L'usage des feuilles de style est préféré (c'est à dire avec le
class="") et la spécification des styles dans les balises <style> elles
memes dans la balise head,
Ou mieux dans un fichier style.css séparé où style.css contiendrait
uniquement :

option.gras { font-weight: bold; }
option.custom {
font-weight: bold;
color: red;
text-decoration: overline;
}

avec le fichier html

<head>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<select>
<option class="gras">en gras aussi</option>
<option class="custom">personalisé</option>
</select>

Voila.
Bon courage
--
Thibault