Add test for select element with image in button.

sanketj · Jul 22, 2024 · e139e2f · e139e2f
1 parent 4c107dc
commit e139e2f
Showing 1 changed file with 40 additions and 0 deletions.
diff --git a/controls/select-element/image-in-select-dropdown-and-button.html b/controls/select-element/image-in-select-dropdown-and-button.html
@@ -0,0 +1,40 @@
+<html>
+    <head>
+        <style>
+        </style>
+    </head>
+    <body>
+        Non-stylable select:
+        <select>
+            <button>
+                <selectedoption></selectedoption>
+            </button>
+            <datalist>
+                <option>
+                    <img src="test.jpg" alt="test" height="15px" width="15px">
+                    ❤️heart
+                </option>
+                <option>
+                    🙂smile
+                </option>
+            </datalist>
+        </select>
+        <br>
+        <br>
+        Stylable select:
+        <select style="appearance:base-select">
+            <button>
+                <selectedoption></selectedoption>
+            </button>
+            <datalist>
+                <option>
+                    <img src="test.jpg" alt="test" height="15px" width="15px">
+                    ❤️heart
+                </option>
+                <option>
+                    🙂smile
+                </option>
+            </datalist>
+        </select>
+    </body>
+</html>