홈페이지와 카테고리 주제 목록의 파란색 테두리를 제거하는 방법은 무엇인가요?

개발
1

주제를 클릭할 때 이 파란색 테두리를 어떻게 제거할 수 있을까요? CSS ::before를 시도해 봤지만, 위치를 찾거나 비활성화하는 방법을 모르겠어요 …

2023-10-18 135647
2023-10-18 135647967×349 26.8 KB

도와주셔서 감사합니다 :grinning:

2

그것은 접속 상태 표시기인 것 같고, 게시자가 온라인에 있다는 뜻이에요.

3

주제 제목을 클릭하고 버튼을 길게 누르면 표시가 나타납니다.
타일에서 호버 또는 클릭 시 다른 색상을 사용하고 있으므로, 이 표시기가 필요 없습니다…

4

주제를 포커싱했을 때 나타나는 일시적인 표시입니다. 링크에 마우스를 올리는(hover) 것이나 링크를 방문한 것과 완전히 같은 개념은 아닙니다. 수정: CoinCoin과 Jake가 아래에서 언급했듯이, 접근성과 모바일 환경에서 유용합니다.

CSS를 사용하여 이를 숨길 수 있습니다. 테마 또는 테마 컴포넌트에 다음을 추가하세요:

.topic-list .main-link.focused {
    box-shadow: none;
}
5

감사해요, 당신은 정말 빛나는 별이에요 :kissing_heart:

6

이 주제 하이라이트는 접근성에 매우 유용합니다.
키보드로 탐색할 때 이 주제가 현재 선택되어 있음을 나타내며, Enter 키를 누르면 해당 주제가 열립니다.

7

이것을 묻지 않으셨지만, 제거하면 모바일 사용자의 생활이 훨씬 더 어려워질 것입니다.

8

알려주셔서 감사합니다 @Canapin @Canapin
저는 UI는 물론 거의 모든 면에서 초보자인데, 적어도 이제 그것이 목적(접근성)을 위해 존재한다는 것은 이해하게 되었습니다. :+1:

하지만 요즘 사람들이 사용하는 대부분의 기기가 터치스크린이거나 마우스가 있는 컴퓨터인 점을 고려할 때, 이 '접근성’이 대부분의 사람들에게 얼마나 '필수적’인지 궁금하긴 했습니다… 그래도 괜찮아요, 좋은 목적을 위해 존재하는 것이니까요.