Попытка изменить стиль в раскрывающемся списке «Выберите вариант» при оформлении заказа Woocommerce

Question

Я пытаюсь изменить стиль текста «Выберите вариант» на странице оформления заказа WooCommerce более жирным, потому что он тусклый, и я получаю сообщение об ошибке доступности при сканировании с помощью WAVE.

Я пробовал этот CSS, но ничего не изменилось, не могли бы вы указать мне, где я ошибаюсь?

      Select a category {
  color: #cccccc
  
}
span.select2-selection.select2-selection--single {
  color: #000000;
}
span.select2-selection__placeholder {
  font-family: Roboto;
  font-size: 16px;
  line-height: 18px;
  font-weight: 400;
  font-style: normal;
  color: #cccccc;
  background-color: #ffffff;
}

Или есть другой CSS для этого?

Сайт www.defkalionsa.gr

Answer 1

вы можете попробовать следующий css:

      .select2-selection__placeholder {
    font-weight:bold; /* for your "bolder" request" */
    color:black; /* better than gray for accessibility */
}

если это не сработает, вам следует очистить кеш браузера и проверить, имеют ли приоритет другие объявления стилей . Вы можете временно добавить «!important», чтобы перезаписать другие объявления.

      .select2-selection__placeholder {
    font-weight:bold!important;
    color:black!important;
}