Не удалось удалить запись из выпадающего меню шестеренки в редакторе

[b481]

Я пытаюсь убрать пункт «Скрыть детали» из выпадающего меню с шестерёнкой в редакторе сообщений, так как на моём форуме им редко пользуются. Однако у меня возникают трудности с этим.

После того как я нашёл этот пункт и его селектор в инструментах разработчика Chrome, я попробовал следующее:

div.select-kit-body > ul.select-kit-collection.ember-view > li:nth-child(1)
{display:none}

Однако это скрывало первый пункт во многих списках на всём сайте, поэтому я попытался уточнить селектор, добавив селектор элемента выше (выделенного синим).

Получился такой вариант:

button.select-kit-header.single-select-header.btn-default.dropdown-select-box-header.btn.no-text.btn-icon.ember-view > div.select-kit-body > ul.select-kit-collection.ember-view > li:nth-child(1)
{display:none}

Однако это не сработало, и пункт, который я хочу убрать, снова появился. Стоит добавить, что я также пробовал вариант без «ember-view» в конце — результат тот же.

Если кто-то сможет помочь или имеет опыт решения подобных задач, буду очень признателен.

[Johani (Joe)]

У этого элемента нет уникального класса, так как ранее такого не возникало.

Однако у него есть уникальный атрибут, поэтому вы можете использовать его для создания селектора атрибутов, который будет применяться только к этому элементу, следующим образом:

.d-editor-button-bar [data-value="insertDetails"] {
  display: none;
}

[b481]

Сработало! Огромное спасибо @Johani.