# 404 페이지에서 버튼에 마우스를 올리면 텍스트 색상이 잘못 표시됩니다

**URL:** https://meta.discourse.org/t/wrong-text-color-when-hovering-buttons-on-the-404-page/343829
**Category:** UX
**Created:** [12월 21, 2024, 6:31오후 UTC](https://meta.discourse.org/t/wrong-text-color-when-hovering-buttons-on-the-404-page/343829 "2024-12-21T18:31:03Z")
**Posts on this page:** 5
**Page:** 1

<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: [12월 21, 2024, 6:31오후 UTC](https://meta.discourse.org/t/wrong-text-color-when-hovering-buttons-on-the-404-page/343829/1 "2024-12-21T18:31:03Z")

</div>

404 페이지의 버튼 위에 마우스를 올리면 텍스트 색상이 배경색과 동일해집니다:

![The image shows a screen from a Discourse forum with error message "Oops! That page doesn't exist or is private" and a "Log In" button. (Captioned by AI)](https://global.discourse-cdn.com/meta/original/4X/9/2/e/92e1b48ed047a020545ece6faf04dadaa69a40eb.gif)

버튼의 포커스 상태는 정상적으로 동작하며 해당 문제가 표시되지 않습니다.

페이지 맨 아래에 있는 검색 버튼에서는 문제가 발생하지 않습니다.

---

<div class="post-metadata">

### Author: ![chapoi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/chapoi/32/537252_2.png) [@chapoi](https://meta.discourse.org/u/chapoi)
#### Post date: [12월 23, 2024, 9:02오전 UTC](https://meta.discourse.org/t/wrong-text-color-when-hovering-buttons-on-the-404-page/343829/2 "2024-12-23T09:02:06Z")

</div>

해당 페이지에 `discourse-no-touch`와 같은 최상위 클래스가 누락된 것 같습니다.

추가 CSS를 작성하여 버튼이 올바르게 스타일링되도록 할 수는 있지만, 가능하면 해당 클래스가 추가되도록 하는 것이 더 나은 선택(그리고 포괄적인 해결책)입니다.

---

<div class="post-metadata">

### Author: ![j.jaffeux](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/j.jaffeux/32/60297_2.png) [@j.jaffeux](https://meta.discourse.org/u/j.jaffeux)
#### Post date: [2월 21, 2025, 11:21오전 UTC](https://meta.discourse.org/t/wrong-text-color-when-hovering-buttons-on-the-404-page/343829/3 "2025-02-21T11:21:35Z")

</div>

@chapoi 이 작업을 수행할 수 없다고 생각합니다. 이 페이지들은 Ember를 사용하지 않고 서버 측에서 렌더링되므로 클라이언트의 기능을 알 수 없습니다.

`body`에 `no-ember` 클래스를 사용하여 이 버튼들을 효율적으로 타겟팅하는 방식으로 스타일링해야 한다고 생각합니다.

---

<div class="post-metadata">

### Author: ![chapoi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/chapoi/32/537252_2.png) [@chapoi](https://meta.discourse.org/u/chapoi)
#### Post date: [7월 23, 2025, 9:02오전 UTC](https://meta.discourse.org/t/wrong-text-color-when-hovering-buttons-on-the-404-page/343829/6 "2025-07-23T09:02:02Z")

</div>

[UX: fix hover effect for anon login btns on non-ember page - Pull Request #33787 - discourse/discourse - GitHub](https://github.com/discourse/discourse/pull/33787) 에서 수정되어야 합니다

---

<div class="post-metadata">

### Author: ![chapoi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/chapoi/32/537252_2.png) [@chapoi](https://meta.discourse.org/u/chapoi)
#### Post date: [7월 23, 2025, 9:07오전 UTC](https://meta.discourse.org/t/wrong-text-color-when-hovering-buttons-on-the-404-page/343829/7 "2025-07-23T09:07:35Z")

</div>