WordPress PHP禁用元素
WordPress PHP禁用元素
提问于 2018-12-12 06:49:44
我要禁用保存和共享按钮
<button type="button" class="btn btn-none btn-sm btn-save-design dg-tooltip" data-placement="bottom" data-original-title="Save & Share" onclick="design.save()">
<i class="fa fa-save"></i>
</button>我试图用隐藏的
.btn-save-design {display: none;}和
.btn-save-design {display: none;}//first.btn{//other style...}和
.btn-save-design {display: none !important;}和
.btn-save-design i.fa.fa-save {
display:none;}，但什么也没发生
>>> https://i.stack.imgur.com/u8570.jpg屏幕截图
对代码有什么建议吗？
回答 4
Stack Overflow用户
发布于 2018-12-12 07:03:05
如果您可以修改HTML，请尝试使用：
<button disabled>Stack Overflow用户
发布于 2018-12-12 07:35:33
我认为有两种方法可以解决这个问题：
1)使用javascript或jquery在点击按钮上添加防止默认值。
$( "your-element" ).click(function( e ) {
e.preventDefault();
});2)使用样式将按钮设置为不显示，(您可能需要向此保存图标添加ID才能覆盖其他样式)
此url将向您解释所有关于css优先级的内容：
Stack Overflow用户
发布于 2018-12-12 19:13:30
我的猜测是，这要归功于CSS Specificity。默认情况下，这些按钮的默认值为display: block / display: inline-block。您可以通过执行以下操作来克服此问题：
button.btn-save-design {
display: none
}这是因为button.class比.class更具体，因此应用了该样式。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/53733516
复制相关文章
相似问题
腾讯云开发者
