在 woocommerce 中突出显示条款和条件复选框答案

【问题标题】：Highlight terms & condition checkbox in woocommerce在 woocommerce 中突出显示条款和条件复选框
【发布时间】：2017-09-22 23:05:35
【问题描述】：

当客户尝试购买但尚未选中该框时，我想在我的 woocommerce 结帐页面上突出显示条款和条件复选框。我将这段代码用于输入字段：

.woocommerce-invalid-required-field input {
    outline: 2px solid red!important;
}

但找不到复选框的解决方案。

【问题讨论】：

你能说得更具体点吗？你想以什么方式突出它？你试过什么？
您能向我们展示一下该网站并告诉我们您希望它的外观吗？
我只想用红色突出显示该复选框，以使客户在尝试付款时知道该字段丢失并且未选中。因此，当他忘记选中复选框但点击了订购按钮时，我想让他知道缺少的部分。 thewoodwave.de/shop/big-wave你得去结账看看我的问题

【解决方案1】：

我通过将validate-required 类添加到woocommerce/checkout/terms.php 模板中的p 元素来实现这一点

然后添加css来标记它：

.woocommerce-invalid-required-field input {
  outline: 2px solid red;
}

我知道这是一个老问题，但由于谷歌引导我到这里寻找解决方案，我想我会提供它。

【讨论】：