wordpress - 尝试更改 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;
}