WordPress PHP отключить элемент

Question

Я хочу отключить кнопку Сохранить и поделиться

<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;}

И

.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

Есть предложения для кода PHP?

Answer 1

Вы можете удалить атрибут onclick этого элемента с помощью jQuery.Добавьте это где-нибудь в теме:

$(".btn-save-design").prop("onclick", null).off("click");

Эта строка удалит атрибут onclick кнопки.

Answer 2

Я думаю, что есть два способа решить эту проблему:

1) Добавить предотвращение по умолчанию для кнопки при нажатии, используя javascript или jquery.

$( "your-element" ).click(function( e ) {
   e.preventDefault();
});

2) Использованиестили, чтобы кнопка не отображала ни одного (вам может понадобиться добавить идентификатор к этому значку сохранения, чтобы перезаписать другие стили)

этот URL объяснит вам все о приоритетах css:

https://marksheet.io/css-priority.html

Answer 3

Я предполагаю, что это до CSS Specificity .По умолчанию эти кнопки будут иметь значение по умолчанию display: block / display: inline-block.Вы можете победить это, выполнив:

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

Это потому, что button.class более специфичен, чем .class, и поэтому стиль применяется.

Answer 4

Если вы можете изменить свой HTML, попробуйте использовать:

<button disabled>