我要禁用保存和共享按钮
<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屏幕截图
对代码有什么建议吗?
发布于 2018-12-12 07:03:05
如果您可以修改HTML,请尝试使用:
<button disabled>
发布于 2018-12-12 07:35:33
我认为有两种方法可以解决这个问题:
1)使用javascript或jquery在点击按钮上添加防止默认值。
$( "your-element" ).click(function( e ) {
e.preventDefault();
});
2)使用样式将按钮设置为不显示,(您可能需要向此保存图标添加ID才能覆盖其他样式)
此url将向您解释所有关于css优先级的内容:
发布于 2018-12-12 19:13:30
我的猜测是,这要归功于CSS Specificity。默认情况下,这些按钮的默认值为display: block
/ display: inline-block
。您可以通过执行以下操作来克服此问题:
button.btn-save-design {
display: none
}
这是因为button.class
比.class
更具体,因此应用了该样式。
https://stackoverflow.com/questions/53733516
复制相似问题