Hiding Label via CSS

时间:2021-07-13 作者:Celador

我正在尝试隐藏此URL上的一些文本和复选框:https://bndlstech.com/wholesale-registration-form/

具体来说,我试图隐藏;从帐单地址复制”;文本和复选框。目前正通过WooCommerce批发插件将其添加到页面中。

这就是代码当前的样子:

<label for="wwp_wholesaler_copy_billing_address">Copy from billing address</label>
<input type="checkbox" name="wwp_wholesaler_copy_billing_address" id="wwp_wholesaler_copy_billing_address" value="yes">
通过添加以下CSS,我成功隐藏了复选框:

#wwp_wholesaler_copy_billing_address { display: none;}
但我很难去掉标签;从帐单地址复制;。

我尝试使用此CSS,但不起作用:

label[for="wwp_wholesaler_copy_billing_address"] 
{ display: none;}
有什么建议吗?

谢谢

1 个回复
SO网友:Andrea

删除引号,使其如下所示

label[for=wwp_wholesaler_copy_billing_address] {
    display: none;
}
试试看,如果对你有用,请告诉我。

相关推荐

插件开发-最低基本css特性?

我正在开发我的第一个真正重要的wordpress插件,但我不知道如何实现特定性。我想完全避免内联样式,但我想确保我的css声明不会受到其他插件或主题的干扰。虽然在发布之前,我可以并且将使用几个不同的主题对其进行测试,但我希望确保在开发阶段尽一切可能。因此,考虑到这一点,我是否应该为所有CSS声明保持最低的特定性?根据我的经验,我认为如果主题声明的特异性高于(0,1,0,0),那么它很可能是特定于ID的,因此不太可能干扰我的声明。因此,根据经验,我在声明中保持了(0,1,1,0)的最低特异性,但我不知道这是