From e21d4128bf9adde1c74417e4075dcf804dd67647 Mon Sep 17 00:00:00 2001 From: Joey Arhar Date: Wed, 12 Mar 2025 18:31:59 -0700 Subject: [PATCH] Add customizable select disabled styles These styles were agreed on here but I missed the implementation for them: https://github.com/w3c/csswg-drafts/issues/10857 Change-Id: Iea683d6a260970c8f48770d59eb0950a994b6926 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/6310535 Reviewed-by: Traian Captan Commit-Queue: Joey Arhar Cr-Commit-Position: refs/heads/main@{#1431870} --- .../resources/customizable-select-styles.css | 4 ++++ .../select-appearance-disabled-ref.html | 6 ++++++ .../select-appearance-disabled.tentative.html | 13 +++++++++++++ 3 files changed, 23 insertions(+) create mode 100644 html/semantics/forms/the-select-element/customizable-select/select-appearance-disabled-ref.html create mode 100644 html/semantics/forms/the-select-element/customizable-select/select-appearance-disabled.tentative.html diff --git a/html/semantics/forms/the-select-element/customizable-select/resources/customizable-select-styles.css b/html/semantics/forms/the-select-element/customizable-select/resources/customizable-select-styles.css index 9cac1c5899cc6f..13a500a6197955 100644 --- a/html/semantics/forms/the-select-element/customizable-select/resources/customizable-select-styles.css +++ b/html/semantics/forms/the-select-element/customizable-select/resources/customizable-select-styles.css @@ -74,6 +74,10 @@ min-block-size: max(24px, 1lh); } +.customizable-select-button.disabled { + color: color-mix(in srgb, currentColor 50%, transparent); +} + .customizable-select-button.hover { background-color: color-mix(in lab, currentColor 10%, transparent); } diff --git a/html/semantics/forms/the-select-element/customizable-select/select-appearance-disabled-ref.html b/html/semantics/forms/the-select-element/customizable-select/select-appearance-disabled-ref.html new file mode 100644 index 00000000000000..cee0175b715b6c --- /dev/null +++ b/html/semantics/forms/the-select-element/customizable-select/select-appearance-disabled-ref.html @@ -0,0 +1,6 @@ + + + +
+ option +
diff --git a/html/semantics/forms/the-select-element/customizable-select/select-appearance-disabled.tentative.html b/html/semantics/forms/the-select-element/customizable-select/select-appearance-disabled.tentative.html new file mode 100644 index 00000000000000..a20fb4e0904d7d --- /dev/null +++ b/html/semantics/forms/the-select-element/customizable-select/select-appearance-disabled.tentative.html @@ -0,0 +1,13 @@ + + + + + + +