# Js.search.title 색상 변경하는 방법?

**URL:** https://meta.discourse.org/t/js-search-title-how-to-change-color/307450
**Category:** Development
**Created:** [5월 9, 2024, 7:48오후 UTC](https://meta.discourse.org/t/js-search-title-how-to-change-color/307450 "2024-05-09T19:48:16Z")
**Posts on this page:** 6
**Page:** 1

<div class="post-metadata">

### Author: ![ogulcan1787](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ogulcan1787/32/128589_2.png) [@ogulcan1787](https://meta.discourse.org/u/ogulcan1787)
#### Post date: [5월 9, 2024, 7:48오후 UTC](https://meta.discourse.org/t/js-search-title-how-to-change-color/307450/1 "2024-05-09T19:48:17Z")

</div>

안녕하세요 여러분, F12로 여기저기 다 확인해 봤는데 찾을 수가 없었습니다.  
텍스트 색상을 어떻게 변경할 수 있을까요?

![Ekran görüntüsü 2024-05-09 224719](https://global.discourse-cdn.com/meta/original/4X/3/0/b/30b5db28572afcb2c36726dc6e2a5fc855564a5a.png)

검색할 때 텍스트가 흰색으로 표시됩니다. 검색 전에 색상을 변경하고 싶습니다.

---

<div class="post-metadata">

### Author: ![keegan](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/keegan/32/383395_2.png) [@keegan](https://meta.discourse.org/u/keegan)
#### Post date: [5월 10, 2024, 12:38오전 UTC](https://meta.discourse.org/t/js-search-title-how-to-change-color/307450/2 "2024-05-10T00:38:48Z")

</div>

입력 필드의 플레이스홀더 텍스트입니다. CSS에서 `::placeholder` 의사 요소로 이를 지정할 수 있습니다.

> **[::placeholder CSS pseudo-element - CSS | MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/::placeholder)**
>
> The ::placeholder CSS pseudo-element represents the placeholder text in an or element.

---

<div class="post-metadata">

### Author: ![ogulcan1787](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ogulcan1787/32/128589_2.png) [@ogulcan1787](https://meta.discourse.org/u/ogulcan1787)
#### Post date: [5월 10, 2024, 2:20오후 UTC](https://meta.discourse.org/t/js-search-title-how-to-change-color/307450/3 "2024-05-10T14:20:33Z")

</div>

감사합니다 @keegan 🙏

```plaintext
::placeholder {
  color: #hexcode;
}

```

이렇게 하면 작동합니다 🙂

---

<div class="post-metadata">

### Author: ![keegan](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/keegan/32/383395_2.png) [@keegan](https://meta.discourse.org/u/keegan)
#### Post date: [5월 10, 2024, 4:32오후 UTC](https://meta.discourse.org/t/js-search-title-how-to-change-color/307450/4 "2024-05-10T16:32:27Z")

</div>

동작하는 걸 확인해서 기쁩니다! 다만, 제공해주신 코드 스니펫은 사이트 전체의 **모든** 입력 필드를 대상으로 하며, 해당 필드의 placeholder 텍스트 색상을 업데이트합니다.

이것이 의도한 바가 아닐 수 있으므로, 셀렉터에 [특정성](https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity)을 추가하는 것이 좋습니다.

예를 들어, 검색 메뉴의 검색 입력 필드 **만** 대상으로 하려면 다음과 같이 작성할 수 있습니다:

```css
.search-menu #search-term::placeholder {
  color: #hexcode;
}

```

---

<div class="post-metadata">

### Author: ![ogulcan1787](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ogulcan1787/32/128589_2.png) [@ogulcan1787](https://meta.discourse.org/u/ogulcan1787)
#### Post date: [5월 10, 2024, 4:40오후 UTC](https://meta.discourse.org/t/js-search-title-how-to-change-color/307450/5 "2024-05-10T16:40:45Z")

</div>

네, 처음에는 말씀하신 대로 시도해 봤지만, 저는 다르게 작성했습니다. 오류가 발생하자마자 바로 플레이스홀더 코드를 작성해서 실행했습니다. 관심 가져 주셔서 감사합니다. 🙏

---

<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: [6월 9, 2024, 4:40오후 UTC](https://meta.discourse.org/t/js-search-title-how-to-change-color/307450/6 "2024-06-09T16:40:50Z")

</div>

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