diff --git a/html/semantics/forms/the-select-element/stylable-select/select-accessibility-minimum-target-size.tentative.html b/html/semantics/forms/the-select-element/stylable-select/select-accessibility-minimum-target-size.tentative.html
index 364efd15542194..3155849a5863bf 100644
--- a/html/semantics/forms/the-select-element/stylable-select/select-accessibility-minimum-target-size.tentative.html
+++ b/html/semantics/forms/the-select-element/stylable-select/select-accessibility-minimum-target-size.tentative.html
@@ -7,7 +7,13 @@
 <script src="/resources/testdriver.js"></script>
 <script src="/resources/testdriver-vendor.js"></script>
 
-<select style="appearance:base-select">
+<style>
+select, select::picker(select) {
+  appearance: base-select;
+}
+</style>
+
+<select>
   <option></option>
 </select>
 
diff --git a/html/semantics/forms/the-select-element/stylable-select/select-fallback-datalist-animations.tentative.html b/html/semantics/forms/the-select-element/stylable-select/select-fallback-datalist-animations.tentative.html
index 6d063b59a280c9..907b668c3f2d70 100644
--- a/html/semantics/forms/the-select-element/stylable-select/select-fallback-datalist-animations.tentative.html
+++ b/html/semantics/forms/the-select-element/stylable-select/select-fallback-datalist-animations.tentative.html
@@ -8,7 +8,7 @@
 <script src="/resources/testdriver-vendor.js"></script>
 
 <style>
-select {
+select, select::picker(select) {
   appearance: base-select;
 }
 
diff --git a/html/semantics/forms/the-select-element/stylable-select/select-keyboard-behavior.tentative.html b/html/semantics/forms/the-select-element/stylable-select/select-keyboard-behavior.tentative.html
index 1e0ffb28a48a2e..d09f410ea00725 100644
--- a/html/semantics/forms/the-select-element/stylable-select/select-keyboard-behavior.tentative.html
+++ b/html/semantics/forms/the-select-element/stylable-select/select-keyboard-behavior.tentative.html
@@ -11,7 +11,7 @@
 <script src="/resources/testdriver-actions.js"></script>
 
 <style>
-select {
+select, select::picker(select) {
   appearance: base-select;
 }
 </style>
diff --git a/html/semantics/forms/the-select-element/stylable-select/select-mouse-behavior.tentative.html b/html/semantics/forms/the-select-element/stylable-select/select-mouse-behavior.tentative.html
index f4333c410465fc..b6463b57b750a2 100644
--- a/html/semantics/forms/the-select-element/stylable-select/select-mouse-behavior.tentative.html
+++ b/html/semantics/forms/the-select-element/stylable-select/select-mouse-behavior.tentative.html
@@ -10,7 +10,7 @@
 <script src="/resources/testdriver-actions.js"></script>
 
 <style>
-select {
+select, select::picker(select) {
   appearance: base-select;
 }
 </style>
diff --git a/html/semantics/forms/the-select-element/stylable-select/select-option-hover-styles.tentative.html b/html/semantics/forms/the-select-element/stylable-select/select-option-hover-styles.tentative.html
index 4361229b8f15df..42231b7900a9e4 100644
--- a/html/semantics/forms/the-select-element/stylable-select/select-option-hover-styles.tentative.html
+++ b/html/semantics/forms/the-select-element/stylable-select/select-option-hover-styles.tentative.html
@@ -12,10 +12,13 @@
   color: SelectedItemText;
   background-color: SelectedItem;
 }
+select, select::picker(select) {
+  appearance: base-select;
+}
 </style>
 <div id=selecteditem>SelectedItem test colors</div>
 
-<select style="appearance:base-select">
+<select>
   <option class=one>one</option>
   <option class=two>two</option>
   <option class=three disabled>disabled</option>
diff --git a/html/semantics/forms/the-select-element/stylable-select/selectedoption.tentative.html b/html/semantics/forms/the-select-element/stylable-select/selectedoption.tentative.html
index b315eb621559a1..b3381ac510a990 100644
--- a/html/semantics/forms/the-select-element/stylable-select/selectedoption.tentative.html
+++ b/html/semantics/forms/the-select-element/stylable-select/selectedoption.tentative.html
@@ -6,8 +6,14 @@
 <script src="/resources/testdriver.js"></script>
 <script src="/resources/testdriver-vendor.js"></script>
 
+<style>
+select, select::picker(select) {
+  appearance: base-select;
+}
+</style>
+
 <form>
-  <select style="appearance:base-select">
+  <select>
     <button>
       <selectedoption></selectedoption>
     </button>