Bug 1937928 [wpt PR 49746] - Update customizable select styles, a=testonly

Automatic update from web-platform-tests
Update customizable select styles

This patch updates background-color and border-radius to the latest
proposal here: w3c/csswg-drafts#10857

Change-Id: Icc6ec70d27cc9f1131f5e164b1db66e63e8847fb
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/6072270
Commit-Queue: Joey Arhar <jarharchromium.org>
Reviewed-by: Mason Freed <masonfchromium.org>
Auto-Submit: Joey Arhar <jarharchromium.org>
Cr-Commit-Position: refs/heads/main{#1397608}

--

wpt-commits: 441d9bfafda626484b081e3cd4964489e9608ca2
wpt-pr: 49746

UltraBlame original commit: f51dac500539a26c8cd42d09fa5bbc5ca877cfe4

Author: marco-c

testing/web-platform/tests/html/semantics/forms/the-select-element/customizable-select/resources/customizable-select-styles.css

@@ -376,17 +376,7 @@ background
 -
 color
 :
-color
--
-mix
-(
-in
-lab
-currentColor
-10
-%
 transparent
-)
 ;
 appearance
 :
@@ -420,7 +410,7 @@ radius
 :
 0
 .
-25em
+5em
 ;
 cursor
 :
@@ -564,6 +554,58 @@ customizable
 select
 -
 button
+.
+hover
+{
+background
+-
+color
+:
+color
+-
+mix
+(
+in
+lab
+currentColor
+10
+%
+transparent
+)
+;
+}
+.
+customizable
+-
+select
+-
+button
+.
+active
+{
+background
+-
+color
+:
+color
+-
+mix
+(
+in
+lab
+currentColor
+20
+%
+transparent
+)
+;
+}
+.
+customizable
+-
+select
+-
+button
 :
 :
 after

testing/web-platform/tests/html/semantics/forms/the-select-element/customizable-select/select-appearance-active-ref.html

@@ -26,11 +26,14 @@
 div
 class
 =
+"
 customizable
 -
 select
 -
 button
+active
+"
 popovertarget
 =
 popover
@@ -99,37 +102,6 @@
 div
 >
 <
-style
->
-.
-customizable
--
-select
--
-button
-{
-background
--
-color
-:
-color
--
-mix
-(
-in
-lab
-currentColor
-30
-%
-transparent
-)
-;
-}
-<
-/
-style
->
-<
 script
 >
 document

testing/web-platform/tests/html/semantics/forms/the-select-element/customizable-select/select-appearance-active.tentative.html

@@ -23,7 +23,7 @@
 =
 0
 -
-29
+33
 ;
 totalPixels
 =

testing/web-platform/tests/html/semantics/forms/the-select-element/customizable-select/select-appearance-dark-mode.tentative.html

@@ -29,7 +29,7 @@
 =
 0
 -
-12
+15
 "
 >
 <

testing/web-platform/tests/html/semantics/forms/the-select-element/customizable-select/select-appearance-disabled-option.tentative.html

@@ -23,7 +23,7 @@
 =
 0
 -
-37
+41
 ;
 totalPixels
 =

testing/web-platform/tests/html/semantics/forms/the-select-element/customizable-select/select-appearance-font-inheriting.tentative.html

@@ -23,7 +23,7 @@
 =
 0
 -
-50
+55
 ;
 totalPixels
 =

testing/web-platform/tests/html/semantics/forms/the-select-element/customizable-select/select-appearance-hover-ref.html

@@ -26,11 +26,14 @@
 div
 class
 =
+"
 customizable
 -
 select
 -
 button
+hover
+"
 popovertarget
 =
 popover
@@ -57,34 +60,3 @@
 /
 div
 >
-<
-style
->
-.
-customizable
--
-select
--
-button
-{
-background
--
-color
-:
-color
--
-mix
-(
-in
-lab
-currentColor
-20
-%
-transparent
-)
-;
-}
-<
-/
-style
->

testing/web-platform/tests/html/semantics/forms/the-select-element/customizable-select/select-appearance-hover.tentative.html

@@ -23,7 +23,7 @@
 =
 0
 -
-33
+37
 ;
 totalPixels
 =

testing/web-platform/tests/html/semantics/forms/the-select-element/customizable-select/select-appearance-switching-invalidation.tentative.html

@@ -23,7 +23,7 @@
 =
 0
 -
-40
+41
 ;
 totalPixels
 =