diff --git a/docs/pages/components/details.md b/docs/pages/components/details.md
index 89d99732..dc052b63 100644
--- a/docs/pages/components/details.md
+++ b/docs/pages/components/details.md
@@ -123,7 +123,9 @@ Details are designed to function independently, but you can simulate a group or
 
   // Close all other details when one is shown
   container.addEventListener('sl-show', event => {
-    [...container.querySelectorAll('sl-details')].map(details => (details.open = event.target === details));
+    if (event.target.localName === 'sl-details') {
+      [...container.querySelectorAll('sl-details')].map(details => (details.open = event.target === details));
+    }
   });
 </script>
 
diff --git a/docs/pages/resources/changelog.md b/docs/pages/resources/changelog.md
index 4961c75e..8ac78b22 100644
--- a/docs/pages/resources/changelog.md
+++ b/docs/pages/resources/changelog.md
@@ -16,6 +16,7 @@ New versions of Shoelace are released as-needed and generally occur when a criti
 
 - 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]
 - Fixed a bug that caused `dist/react/index.js` to be blank [#1659]
 
 ## 2.10.0
diff --git a/src/components/select/select.styles.ts b/src/components/select/select.styles.ts
index 84af6c9f..7b247049 100644
--- a/src/components/select/select.styles.ts
+++ b/src/components/select/select.styles.ts
@@ -67,6 +67,10 @@ export default css`
     -webkit-appearance: none;
   }
 
+  .select__display-input::placeholder {
+    color: var(--sl-input-placeholder-color);
+  }
+
   .select:not(.select--disabled):hover .select__display-input {
     color: var(--sl-input-color-hover);
   }