backport PR 1667

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 `<sl-select>` [#1667]
 
 ## 2.10.0
 

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;