修改WooCommerce结账页面下拉框选项文字颜色

网站主字体颜色为白色，导致WooCommerce结账页面所有下拉框的选项文字也为白色，用户未hover时无法查看选项。以下是CSS修复方案：

/* 修复结账页面下拉框选项默认文字颜色 */
.woocommerce-checkout select option {
    color: #333; /* 可根据主题配色调整为合适深色，比如#000 */
    background-color: #ffffff;
}

/* 修复下拉框选中状态的文字颜色 */
.woocommerce-checkout select {
    color: #333;
}

/* 可选：优化hover时的选项样式 */
.woocommerce-checkout select option:hover {
    background-color: #f5f5f5;
    color: #000;
}

将上述代码添加到主题的自定义CSS面板（通常在「外观→自定义→额外CSS」中）即可生效。你可以根据网站的整体配色，调整代码中的颜色值来匹配风格。

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