WooCommerce国家/地区下拉颜色css

时间:2018-12-27 作者:Harvey

我一直在尝试在我正在开发的一个网站的结帐页上的国家下拉列表中更改所选和悬停国家的颜色,该网站是http://chi-medics.com/

无论我在Google Chrome开发工具中尝试什么,我似乎都找不到控制这些元素颜色的CSS。

要了解我的意思,请转到网页并向篮子中添加一些内容。然后去收银台。这是“Country”(国家)下拉列表,其中悬停颜色为蓝色,所选颜色为灰色。

我想改变这一点,但我一生都想不出来。

非常感谢您的帮助。

谢谢

1 个回复
最合适的回答,由SO网友:butlerblog 整理而成

这是“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将以内联方式加载。

相关推荐

Header的css不能在Chrome和Opera中运行--你有什么办法修复它吗?

我正在创建一个Wordpress网站,但我对桌面版的Chrome和Opera有一个问题-我的标题在这里显示不同(在所有其他浏览器中,一切都很好)。以下截图显示了我的意思:Firefox:https://i.imgur.com/4U11dfN.png (一切正常)Chrome(在Opera中看起来都一样):https://i.imgur.com/kkyeklc.jpg (菜单项未正确对齐)。这是我的网站:http://tophistorie.pl/ 你们知道会出什么问题吗?我迫切需要帮助——花了两个小时试图