WooCommerce自定义按钮悬停CSS仅对部分按钮生效问题咨询

你编写的CSS选择器仅匹配带有.alt类后缀的WooCommerce按钮，未覆盖你排查到的woocommerce-button、woocommerce-Button类的普通按钮，是大部分区域按钮悬停样式不生效的根本原因。

/* 覆盖所有WooCommerce按钮悬停样式 */
.woocommerce #content input.button:hover, 
.woocommerce #respond input#submit:hover, 
.woocommerce a.button:hover, 
.woocommerce button.button:hover, 
.woocommerce input.button:hover,
.woocommerce .woocommerce-button:hover,
.woocommerce .woocommerce-Button:hover,
.woocommerce-page #content input.button:hover, 
.woocommerce-page #respond input#submit:hover, 
.woocommerce-page a.button:hover, 
.woocommerce-page button.button:hover, 
.woocommerce-page input.button:hover,
.woocommerce-page .woocommerce-button:hover,
.woocommerce-page .woocommerce-Button:hover
{
    background: #930275 !important;
    background-color: #930275 !important;
    color: white !important;
    text-shadow: transparent !important;
    box-shadow: none;
    border-color: #930275 !important;
}

• 新增选择器覆盖了WooCommerce所有默认按钮类，包含带.alt和不带.alt的所有按钮类型
• 保留!important优先级规则，不会被主题或WooCommerce默认样式覆盖
• 完全适配你提到的woocommerce-button button view、woocommerce-Button button两类按钮的悬停状态
• 修改后直接粘贴到WordPress后台「额外CSS」面板保存，清理站点缓存即可看到效果

内容的提问来源于stack exchange，提问作者Emily Chorley