From 2a22fb683c639856978822dc275432feb7c89c27 Mon Sep 17 00:00:00 2001 From: Cory LaViska Date: Thu, 19 Oct 2023 09:43:32 -0400 Subject: [PATCH] backport PR 1667 --- docs/pages/resources/changelog.md | 1 + src/components/select/select.styles.ts | 4 ++++ 2 files changed, 5 insertions(+) diff --git a/docs/pages/resources/changelog.md b/docs/pages/resources/changelog.md index 6f31fa298..eeadb6d2c 100644 --- a/docs/pages/resources/changelog.md +++ b/docs/pages/resources/changelog.md @@ -24,6 +24,7 @@ New versions of Web Awesome are released as-needed and generally occur when a cr - Added the Croatian translation [#1656] - Fixed a bug that caused the [[Escape]] key to stop propagating when tooltips are disabled [#1607] +- Fixed a bug that made it impossible to style placeholders in `` [#1667] ## 2.10.0 diff --git a/src/components/select/select.styles.ts b/src/components/select/select.styles.ts index 897766d53..c6d8bac2a 100644 --- a/src/components/select/select.styles.ts +++ b/src/components/select/select.styles.ts @@ -70,6 +70,10 @@ export default css` outline: none; } + .select__display-input::placeholder { + color: var(--sl-input-placeholder-color); + } + /* Visually hide the display input when multiple is enabled */ .select--multiple:not(.select--placeholder-visible) .select__display-input { position: absolute;