突出显示woocommerce中的条款和条件复选框

Question

我想在我的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;
}

我知道这是一个老问题但是因为谷歌带我到这里寻找解决方案我认为我会提供它。