Как стилизовать только пустой SELECT в CSS?

Для стилизации только пустого SELECT можно использовать псевдокласс :empty в CSS. Псевдокласс :empty применяется, когда элемент не содержит дочерних элементов или текстового содержимого.

Вот пример, как можно стилизовать пустой SELECT:

select:empty {
  /* Ваш код стилизации для пустого SELECT */
}

Внутри блока кода вы можете задавать любые стили, которые вам нужны, чтобы выделить пустой SELECT. Для примера можно использовать следующие свойства для изменения фона, границы и цвета текста:

select:empty {
  background-color: #f2f2f2;
  border: 1px solid #ccc;
  color: #666;
}

Кроме того, вы можете добавить любые другие свойства для создания нужного вам дизайна, такие как размеры, шрифты или отступы.

Обратите внимание, что псевдокласс :empty не работает, если внутри SELECT присутствуют пробелы, переводы строк или комментарии. Чтобы этого избежать, убедитесь, что внутри SELECT нет лишних символов или используйте JavaScript для удаления всех дочерних элементов, если они не нужны.