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

**URL:** https://meta.discourse.org/t/how-do-i-remove-this-blue-border-on-homepage-and-category-topic-lists/282629
**Category:** Development
**Tags:** css
**Created:** [10월 18, 2023, 11:04오전 UTC](https://meta.discourse.org/t/how-do-i-remove-this-blue-border-on-homepage-and-category-topic-lists/282629 "2023-10-18T11:04:37Z")
**Posts on this page:** 9
**Page:** 1

<div class="post-metadata">

### Author: ![Dennis\_P\_Z](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dennis_p_z/32/330504_2.png) [@Dennis\_P\_Z](https://meta.discourse.org/u/Dennis_P_Z)
#### Post date: [10월 18, 2023, 11:04오전 UTC](https://meta.discourse.org/t/how-do-i-remove-this-blue-border-on-homepage-and-category-topic-lists/282629/1 "2023-10-18T11:04:37Z")

</div>

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

 ![2023-10-18 135647](https://global.discourse-cdn.com/meta/original/4X/3/0/4/30460e8dbc86a1560cbf6573d82d46ad8ce83acd.png)

도와주셔서 감사합니다 😀

---

<div class="post-metadata">

### Author: ![packman](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/packman/32/289322_2.png) [@packman](https://meta.discourse.org/u/packman)
#### Post date: [10월 18, 2023, 11:10오전 UTC](https://meta.discourse.org/t/how-do-i-remove-this-blue-border-on-homepage-and-category-topic-lists/282629/2 "2023-10-18T11:10:56Z")

</div>

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

---

<div class="post-metadata">

### Author: ![Dennis\_P\_Z](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dennis_p_z/32/330504_2.png) [@Dennis\_P\_Z](https://meta.discourse.org/u/Dennis_P_Z)
#### Post date: [10월 18, 2023, 11:18오전 UTC](https://meta.discourse.org/t/how-do-i-remove-this-blue-border-on-homepage-and-category-topic-lists/282629/3 "2023-10-18T11:18:00Z")

</div>

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

---

<div class="post-metadata">

### Author: ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [10월 18, 2023, 11:26오전 UTC](https://meta.discourse.org/t/how-do-i-remove-this-blue-border-on-homepage-and-category-topic-lists/282629/4 "2023-10-18T11:26:11Z")

</div>

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

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

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

```

---

<div class="post-metadata">

### Author: ![Dennis\_P\_Z](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dennis_p_z/32/330504_2.png) [@Dennis\_P\_Z](https://meta.discourse.org/u/Dennis_P_Z)
#### Post date: [10월 18, 2023, 11:31오전 UTC](https://meta.discourse.org/t/how-do-i-remove-this-blue-border-on-homepage-and-category-topic-lists/282629/5 "2023-10-18T11:31:25Z")

</div>

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

---

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [10월 18, 2023, 11:35오전 UTC](https://meta.discourse.org/t/how-do-i-remove-this-blue-border-on-homepage-and-category-topic-lists/282629/6 "2023-10-18T11:35:40Z")

</div>

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

---

<div class="post-metadata">

### Author: ![Jagster](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jagster/32/192154_2.png) [@Jagster](https://meta.discourse.org/u/Jagster)
#### Post date: [10월 18, 2023, 11:36오전 UTC](https://meta.discourse.org/t/how-do-i-remove-this-blue-border-on-homepage-and-category-topic-lists/282629/7 "2023-10-18T11:36:46Z")

</div>

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

---

<div class="post-metadata">

### Author: ![Dennis\_P\_Z](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dennis_p_z/32/330504_2.png) [@Dennis\_P\_Z](https://meta.discourse.org/u/Dennis_P_Z)
#### Post date: [10월 18, 2023, 12:03오후 UTC](https://meta.discourse.org/t/how-do-i-remove-this-blue-border-on-homepage-and-category-topic-lists/282629/8 "2023-10-18T12:03:49Z")

</div>

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

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

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [11월 17, 2023, 12:04오후 UTC](https://meta.discourse.org/t/how-do-i-remove-this-blue-border-on-homepage-and-category-topic-lists/282629/9 "2023-11-17T12:04:01Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.
