Невозможно стиль отключить опцию в html выберите

Question

Несмотря на то, что я следую примеру с w3schools.com , я не могу выбрать стиль для своей отключенной опции:

<select id="state-handle">
  <option value="" selected="true" disabled>State of residence</option>
  <option value="usa">USA</option>
</select>

option {
  color: blue;
}

option:disabled {
  color: red;
}

JSFiddle

Нет красный везде:

Что я делаю не так? Я сделал то же самое, что и они.

РЕДАКТИРОВАТЬ: моя конфигурация Windows 10 / Google Chrome (тот же результат, используя Firefox на моей машине)

Answer 1

Ваши стили действительны, но вы можете удалить selected="true" из отключенной опции, чтобы увидеть ее.