从Woocommerce中的Select2下拉选项中删除项目符号

时间:2018-10-10 20:27:50

标签: css wordpress woocommerce

我已经搜寻了好一阵子,现在试图找到解决该问题的方法,但是到目前为止,还没有其他人遇到过这种情况。

我有一家正在开发的WooCommerce商店,最近注意到,开票状态下,开票状态的选择字段在选项前面显示列表样式的项目符号。

我搞砸了CSS,包括删除了任何背景图片,并确保没有将列表样式属性应用于选项,但是我对这里发生的事情有所了解。

可以通过以下链接实时查看问题:http://grahams.staging.wpengine.com/donate/

有人对导致这种情况的原因有任何想法吗?我的猜测是它位于woocommerce文件中的某个位置,但是我不确定该从哪里开始寻找。

Woo扩展列表:

  • 一页结帐
  • 命名您的价格
  • WooCommerce订阅
  • WooCommerce变化
  • 色板和照片

除上述以外,未进行任何自定义。正在使用的主题是混合。

编辑:为无法加载/正在解决图像的用户添加图像。

enter image description here

1 个答案:

答案 0 :(得分:1)

检查CSS,有一个背景图像应用于所有ul li元素。参见_elements.scss,第96行。

ul li { background: url(images/build/bullet.png) no-repeat 0 6px; }

添加以下样式可解决此问题。

.select2-results__option { background-image: none; }