如何用CSS移除结账页面指定文本？找不到正确选择器

你之前写的CSS选择器存在语法错误，导致无法生效，正确写法应修正为：

.wc_payment_method.payment_method_ppcp-credit-card-gateway [data-order_button_text] {
    display: none;
}

找不到正确选择器的实操步骤 #

• 打开结账页面，右键点击“string 4 here”文本，选择「检查」（Chrome/Firefox均可），调出开发者工具
• 在Elements面板里定位到包含这段文本的HTML元素，查看它的类名、ID或专属属性
• 右键点击该元素，选择「复制」→「复制选择器」，直接获取精准的CSS选择器
• 将复制的选择器替换到CSS规则中，设置display: none;（彻底移除占位）或visibility: hidden;（保留元素占位）

如果CSS方法仍不生效，大概率是这段文本通过PHP动态输出的，可以试试：

• 排查WooCommerce相关钩子（比如woocommerce_order_button_text），看是否有自定义代码修改了按钮文本
• 检查PayPal Payments插件（ppcp是该插件的缩写）的配置项，确认是否在插件设置里添加了这段文本

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