如果这些输入具有唯一ID，如何覆盖复选框样式

时间：2021-02-20 作者：Cecil_FF

我试图覆盖默认的输入复选框样式，但效果不佳。

首先，这些复选框和标签都有唯一的ID。但是如果我尝试编辑这些复选框，没有效果，因为每个复选框和标签都有唯一的ID。我使用这个插件Woocommerce Custom Fields。

有人能把我推到正确的方向吗？我如何设计这些复选框？非常感谢。

示例：

<input type="checkbox" value="sauce" checked="checked" name="wccf[product_field][82][]" id="wccf_product_field_toppings_sauce" class="wccf wccf_product_field wccf_checkbox wccf_product_field_checkbox" data-wccf-field-id="82">

<label for="wccf_product_field_toppings_sauce">Sauce</label>
更新时间：jsfiddle link

1 个回复
SO网友:Volodymyr

像这样的怎么样？

.form-group:first-child {
  color: red;
}

.form-group:first-child > label {
  font-size: 12em;
}
我把你的例子从Codepen改过来了。

标签： theme-development   woocommerce-offtopic   css   小码农  

相关推荐

如何根据发布日期应用CSS

WordPress中有没有一个想法可以将CSS文件仅应用于特定日期后发布的帖子？续订使用WordPress创建的网站。保留以前的记录，并在更新后以不同的方式应用设计。