HTML下拉禁用強選項

Question

我想在HTML下拉菜單中設置類別。更具體地說，我需要根據一個國家的位置對城市進行分組。

在第2行中，我禁用了該值。而不是它在下拉菜單中是一個更淺的顏色，在哪裏或我需要做什麼，使這個更粗體的字體？或者是被禁用的功能正確處理這種錯誤的方式？

<select name="startinglocation" required> 
 
    <option value="" selected disabled>Please select a city...</option> 
 
    <option disabled value="austria">Austria</option> 
 
    <option value="innsbruck">Innsbruck</option> 
 
</select>

Answer 1

正確的方式做，這是optgroup標籤。這裏有一個例子：

<select name="startinglocation" required> 
 
    <option value="" selected disabled>Please select a city...</option> 
 
    <optgroup label="Austria"> 
 
     <option value="innsbruck">Innsbruck</option> 
 
    </optgroup> 
 
</select>

除了製作組名稱加粗，這也將縮進各組內的值。

---

只是爲了保持完整性，即使它是錯誤的方式做你想做的，因爲它確實有其他合法用途，這裏是如何風格select箱使用CSS的殘疾人option元素：

option[disabled] { 
    /* Styles here */ 
}