css sélectionnez le menu déroulant gras sur certains & lt; option & gt; 's

Sur un sélectionnez le menu déroulant, j'ai besoin de faire de certains éléments de la forte/gras'.

Comment puis-je faire cela?

Exemple de ce que j'idéalement besoin:

<option value="#"><strong>Andorra</strong></option> 
<option value="#">--Grandvalira</option> 
<option value="#">--Vallnord</option> 
<option value="#"><strong>Austria</strong></option> 
<option value="#">--Amadé</option> 
<option value="#">--Bad Kleinkirchheim</option> 
<option value="#">--Mallnitz</option>

source d'informationauteur user991830

  1. 6

    vous pouvez utiliser :nth-child(N)

    option:nth-child(1), option:nth-child(4) {
    font-weight:bold;
}

    Démo: http://jsfiddle.net/Sotiris/sqshN/

    Trouver plus d'infos et prise en charge du navigateur pour cette pseudo-classe à http://reference.sitepoint.com/css/pseudoclass-nthchild

  2. 30

    Vous ne pouvez pas.

    La plus proche chose (vous ne pouvez pas choisir un gras)

     <optgroup label="Swedish Cars">
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
  </optgroup>
  <optgroup label="German Cars">
    <option value="mercedes">Mercedes</option>
    <option value="audi">Audi</option>
  </optgroup>

    Qui vous donne ceci:
    css sélectionnez le menu déroulant gras sur certains & lt; option & gt; 's

    http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_optgroup

    Vous pouvez également construire votre propre, mais il ne sera pas entrée une balise input (vous devez utiliser des entrées de votre propre).

  3. 0

    Vous pourriez le faire avec jQuery. 

      $('#Your select').append($("<option></option>").attr.css("font-weight" , "bold").html("Bold Text"));

    Vous devrez ajouter un peu de logique pour déterminer les options pour mettre en gras, évidemment.

  4. -1

    Cela fonctionne aussi (Firefox 50 et Chrome 55). Les articles 3 et 5 sont indiquées en gras

       <style>
    .bld {font-weight:bold;}
   </style>
   <select>
    <option value = "1">Kanakangi
    <option value = "2">Ratnangi
    <option class = "bld" value = "8">Hanumatthodi
    <option value = "9">Dhenuka
    <option class = "bld" value = "15">Mayamalavagowla
    <option value = "16">Chakravaaham
  </select>