WordPress.Добавить стили / класс, чтобы сделать кнопку в админке отключенной (неактивной)

Question

Вот что у меня есть атм

Я добавил кнопку для своего пользовательского типа сообщений, которая должна позволять массовую загрузку сообщений с использованием CSV.

Вот код JS, который я использовал для этого (я нашел этот код в StackOverflow, и он, кажется, работает хорошо):

function add_button () {
    $($(".wrap .page-title-action")[0])
        .after('<button id="sh_import_csv_button" class="page-title-action">Import CSV</button><input id="csv_upload" type="file" hidden/>');
}

Когда я добавляю «отключенное» свойство к кнопке - оно работает, но кнопка по-прежнему выглядит активной, поэтому она может запутать пользователей. Мне нужно отключить его во время обработки CSV.

Вопрос в том, есть ли какой-нибудь класс CSS по умолчанию WP или хотя бы набор стилей CSS, чтобы он выглядел правильно?

Заранее спасибо.

Answer 1

Нет, стиль по умолчанию для имени класса page-title-action отсутствует, когда его элемент также имеет атрибут disabled. Но вы также можете добавить свой собственный стиль. Если я хочу, чтобы кнопка в пользовательском интерфейсе была отключена, я обычно играю с прозрачностью. И очень часто этого достаточно. Так что насчет добавления

.page-title-action[disabled] {
    opacity: 0.5;
}

администратору css ...

Также я бы переписал ваш фрагмент так:

var add_button = function () {
    $(".wrap .page-title-action").first().after(
        '<button id="sh_import_csv_button" class="page-title-action">' +
        'Import CSV</button><input id="csv_upload" type="file" hidden/>'
    );
}

Если вам также нужен совет о том, как добавить CSS, просто скажите мне в комментарии ...