Draft: Adding onchange event and selected attribute to the dropdown

Draft: Adding onchange event and selected attribute to the dropdown

core/themes/claro/css/components/form--select.css

@@ -16,11 +16,18 @@
   background-repeat: no-repeat;
   background-position: 100% 50%;
   background-size: 2.75rem 0.5625rem; /* w: 14px + (2 * 15px), h: 9px */
+}
+
+.form-element--type-select.pf-c-select {
+  padding: var(--input-padding-vertical) var(--input-padding-horizontal);
+  padding-inline-end: calc(2rem - var(--input-border-size));
+  -webkit-appearance: none;
+  appearance: none;
+}
 
-  /**
+/**
    * Select states.
    */
-}
 
 .form-element--type-select:focus {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 9'%3e%3cpath fill='none' stroke-width='1.5' d='M1 1l6 6 6-6' stroke='%23003ecc'/%3e%3c/svg%3e");