这是“Select2“库,它是jQuery对选定字段的替换。您可以在中找到样式表/assets/css/select2.css
在WooCommerce插件文件夹中。
以下是您所提到的每个项目的默认属性定义。
首先,所选值:
.select2-container--default .select2-results__option[aria-selected=true],.select2-container--default .select2-results__option[data-selected=true] {
background-color:#ddd
}
其次,悬停值:
.select2-container--default .select2-results__option--highlighted[aria-selected],.select2-container--default .select2-results__option--highlighted[data-selected] {
background-color:#0073aa;
color:#fff
}
由于这些是插件中包含的库的一部分,如果要覆盖它们,最好通过加载自己的完全自定义stlyesheet或插件之外的内容来实现。最简单的方法是只使用WP定制器。
登录后,在WP工具栏(屏幕顶部)中,选择“自定义”。当自定义程序打开时,选择“附加CSS”。添加上述属性,并相应地设置背景色和字体颜色(简称“颜色”)。单击“发布”,自定义stlyes将以内联方式加载。