尝试更改 "Select an Option" Woocommerce 结帐下拉菜单中的样式

Question

我正在尝试更改 WooCommerce 结帐页面的“Select 一个选项”文本的样式，使其更粗，因为它已褪色并且在使用 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 */
}

如果这不起作用，您应该清除浏览器缓存，并检查其他样式声明是否 taking precedence。您可以临时添加“!important”来覆盖其他声明。

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

尝试更改 "Select an Option" Woocommerce 结帐下拉菜单中的样式

Trying to change the style in "Select an Option" dropdown of Woocommerce checkout

wordpress

woocommerce

datastax-astra