MD Settings: Search page, switching paper-dropdown-menu to native select.

chrome/browser/resources/settings/select_css.html

Index: chrome/browser/resources/settings/select_css.html
diff --git a/chrome/browser/resources/settings/select_css.html b/chrome/browser/resources/settings/select_css.html
new file mode 100644
index 0000000000000000000000000000000000000000..168a547da842c25e386f1b1d4db6db0ac5289a88
--- /dev/null
+++ b/chrome/browser/resources/settings/select_css.html
@@ -0,0 +1,37 @@
+<link rel="import" href="/settings_vars_css.html">
+
+<dom-module id="select">
+  <template>
+    <style>
+      select {
+        background-color: transparent;
+        border-bottom: 1px solid var(--paper-grey-300);
+        border-left: none;
+        border-right: none;
+        border-top: none;
+        color: var(--primary-text-color);
+        cursor: pointer;
+        font-family: inherit;
+        font-size: inherit;
+        outline: none;
+        padding: 3px 0;
+        width: 200px;
+      }
+
+      .select-underline {
+        border-top: 2px solid var(--paper-indigo-500);
+        display: block;
+        position: relative;
+        top: -1px;
+        transform: scale3d(0, 1, 1);
+        transition: transform 200ms ease-in;
+        width: 100%;
+      }
+
+      select:focus + .select-underline {
+        transform: scale3d(1, 1, 1);
+        transition: transform 200ms ease-out;
+      }
+    </style>
+  </template>
+</dom-module>