突出显示条款和woocommerce

Question

我想强调条款＆amp;当我的woocommerce结帐页面上的条件复选框，当客户试图购买但尚未检查该框时。 我在输入字段中使用此代码：

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

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

Answer 1

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

，然后添加css进行标记：

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

我知道这是一个古老的问题，但是自从Google带领我来到这里寻找解决方案后，我认为我会提供的。