WordPress隐藏CSS元素答案

【问题标题】：WordPress hide CSS elementWordPress隐藏CSS元素
【发布时间】：2019-05-12 02:20:46
【问题描述】：

我想隐藏保存和分享按钮

<button type="button" class="btn btn-none btn-sm btn-save-design dg-tooltip" data-placement="bottom" data-original-title="Save &amp; Share" onclick="design.save()">
                    <i class="fa fa-save"></i>
                </button>

我试图隐藏使用

.btn-save-design {display: none;}

但是什么都没发生

请分享一个 CSS 代码或 PHP 代码来放置它。

【问题讨论】：

尝试内联style-sheet，然后查看
像这样在 CSS 中添加重要的 .btn-save-design {display: none !important;}

标签： php css wordpress hide

【解决方案1】：

可能其他一些 css 会覆盖您的 display:none。

所以将!important 用作display:none!important（如果您使用引导程序，请使用此选项）

但最好将css中的规则顺序（其他样式按钮之前的display:none）更改为：

.btn-save-design {display: none;}//first
.btn{
    //other style...
}

【讨论】：

不工作，还有其他建议吗？
看看F12，告诉我你在css部分点击按钮发生了什么

【解决方案2】：

.btn-save-design i.fa.fa-save {
     display:none;
}

试试这个

【讨论】：

这只会隐藏按钮内的图标 - 留下一个空按钮仍然 OP。
您能提供给我们实时链接吗？
不工作，还有其他建议吗？
可以分享一下链接吗？