MD Settings: Migrate site settings media-picker to native select.

chrome/browser/resources/settings/site_settings/media_picker.html

 <link rel="import" href="chrome://resources/html/polymer.html">
-<link rel="import" href="chrome://resources/polymer/v1_0/paper-dropdown-menu/paper-dropdown-menu-light.html">
-<link rel="import" href="chrome://resources/polymer/v1_0/paper-listbox/paper-listbox.html">
+<link rel="import" href="/md_select_css.html">
 <link rel="import" href="/settings_shared_css.html">
 
 <dom-module id="media-picker">
   <template>
-    <style include="settings-shared">
+    <style include="settings-shared md-select">
       :host {
         display: block;
       }
     </style>
     <div class="settings-box" id="picker" hidden>
-      <paper-dropdown-menu-light vertical-align="auto" no-label-float>
-        <paper-listbox id="mediaPicker" class="dropdown-content"
-            attr-for-selected="media-picker-value"
-            on-iron-activate="onMediaPickerActivate_">
+      <div class="md-select-wrapper">
+        <select id="mediaPicker" class="md-select" on-change="onChange_">
           <template is="dom-repeat" items="[[devices]]">
-            <button class="dropdown-item" role="option"
-                media-picker-value$="[[item.id]]">
-              [[item.name]]
-            </button>
+            <option value$="[[item.id]]">[[item.name]]</option>
           </template>
-        </paper-listbox>
-      </paper-dropdown-menu-light>
+        <select>
+        <span class="md-select-underline"></span>
+      </div>
     </div>
   </template>
   <script src="media_picker.js"></script>
 </dom-module>