css chọn thả xuống đậm trên một số <option> 's

Question

Trên danh sách thả xuống chọn, tôi cần phải làm cho một số mặt hàng' mạnh/đậm '.

Làm thế nào tôi có thể làm điều này?

Ví dụ về những gì tôi lý tưởng yêu cầu:

<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> 

Answer 1

bạn có thể sử dụng :nth-child(N)

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

Demo:http://jsfiddle.net/Sotiris/sqshN/

Tìm thêm thông tin và hỗ trợ trình duyệt cho điều này pseudo-class tại http://reference.sitepoint.com/css/pseudoclass-nthchild

Answer 2

Bạn thực sự không thể.

Các gần điều (bạn không thể chọn một mục đậm)

<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> 

Mà cho bạn điều này:

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

Bạn cũng có thể xây dựng một trong những của riêng bạn nhưng nó sẽ không được nhập vào một thẻ đầu vào (bạn nên sử dụng đầu vào của riêng bạn).

Answer 3

này cũng làm việc (Firefox 50 và Chrome 55). Các mục 3 và 5 được in đậm

<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> 

Answer 4

Bạn có thể làm điều đó với jQuery.

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

Bạn sẽ phải thêm một số logic để xác định tùy chọn nào in đậm, rõ ràng.