컴포저의 COG 드롭다운에서 항목을 삭제할 수 없습니다

포스터의 코그 드롭다운에서 “Hide Details” 항목을 제거하려고 계속 시도해 왔습니다. 제 포럼에서는 거의 사용되지 않기 때문이죠. 하지만 이를 제거하는 데 어려움을 겪고 있습니다.

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"를 빼고 시도해 보았지만 결과는 동일했습니다.

이 부분에 대해 도움이 되실 분이나 유사한 경험이 있으신 분이 계신다면 정말 감사하겠습니다.

해당 요소는 이전에 이런 상황이 발생하지 않았기 때문에 고유한 클래스가 없습니다.

다만 고유한 속성이 있으므로, 이를 이용하여 해당 요소만 표적하는 속성 선택자를 만들 수 있습니다.

.d-editor-button-bar [data-value="insertDetails"] {
  display: none;
}
3개의 좋아요

이 방법으로 성공했어요! @Johani 님, 정말 감사합니다.

1개의 좋아요