Javascript 如何更改woocommerce中产品的默认下拉排序样式

Javascript 如何更改woocommerce中产品的默认下拉排序样式,javascript,php,wordpress,css,woocommerce,Javascript,Php,Wordpress,Css,Woocommerce,我想知道是否有任何方法可以将woo commerce中产品(A-z,Sale)排序的默认样式更改为任何其他样式,例如:Tabs不确定需要修改多少,但在wordpress中,您通常可以使用自定义CSS插件覆盖任何插件/主题/等的默认样式。在浏览器中,检查要更改的元素以获取其类或id,然后创建自定义CSS规则对其进行修改。虽然许多插件都有一定程度的主题定制功能,但通常情况下,这是非常有限的,可能不足以很好地将您的主题与插件匹配。不,覆盖css不会帮助我解决这个特定问题。我已使用css添加了此选项卡,

我想知道是否有任何方法可以将woo commerce中产品(A-z,Sale)排序的默认样式更改为任何其他样式,例如:Tabs

不确定需要修改多少,但在wordpress中,您通常可以使用自定义CSS插件覆盖任何插件/主题/等的默认样式。在浏览器中,检查要更改的元素以获取其类或id,然后创建自定义CSS规则对其进行修改。虽然许多插件都有一定程度的主题定制功能,但通常情况下,这是非常有限的,可能不足以很好地将您的主题与插件匹配。

不,覆盖css不会帮助我解决这个特定问题。我已使用css添加了此选项卡,但它们是静态的。您是否有URL以便我查看示例?我已经有一段时间没有对WooCommerce进行过大量定制了,但是css覆盖几乎总是有效的,除非它们使用JavaScript动态覆盖css。在大多数情况下,您只需要增加您的特定性以匹配目标规则,即:.myclass ul li{}而不仅仅是li{}可以影响哪个规则优先。是的,当然,(它在底部显示默认的dropdawn,我将其设置为静态的我的选项卡在上面)这就是我希望dropdawn在选项卡中的外观,但它们是静态的(这是我希望使选项卡看起来的引用站点)