Применить стиль для выбранного значения выбора при начальном рендеринге

Я хотел бы, чтобы второй вариант имел стиль option:checked, когда пользователь в первый раз нажимает кнопку «Выбрать», чтобы открыть его. В настоящее время только когда пользователь наводит курсор на одну из опций, применяется необходимый стиль для выбранной опции. В Хроме не работает.

option:checked {
  background-color: #216ba5;
  color: #fff;
}

<select>
  <option value = "1">1</option>
  <option selected value = "2">2</option>
</select>