DevTools: update text inputs to new style

third_party/WebKit/Source/devtools/front_end/devices/DevicesView.js

 // Copyright 2015 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 /**
  * @unrestricted
  */
 Devices.DevicesView = class extends UI.VBox {
   constructor() {
     super(true);
     this.registerRequiredCSS('devices/devicesView.css');
@@ skipping 667 matching lines @@
   /**
    * @return {!Devices.DevicesView.BrowserSection}
    */
   _createBrowserSection() {
     var element = createElementWithClass('div', 'vbox flex-none');
     var topRow = element.createChild('div', '');
     var title = topRow.createChild('div', 'device-browser-title');
 
     var newTabRow = element.createChild('div', 'device-browser-new-tab');
     newTabRow.createChild('div', '').textContent = Common.UIString('New tab:');
-    var newTabInput = newTabRow.createChild('input', '');
-    newTabInput.type = 'text';
+    var newTabInput = UI.createInput('', 'text');
+    newTabRow.appendChild(newTabInput);
     newTabInput.placeholder = Common.UIString('Enter URL');
     newTabInput.addEventListener('keydown', newTabKeyDown, false);
     var newTabButton = UI.createTextButton(Common.UIString('Open'), openNewTab);
     newTabRow.appendChild(newTabButton);
 
     var pages = element.createChild('div', 'device-page-list vbox');
 
     var viewMore = element.createChild('div', 'device-view-more');
     viewMore.addEventListener('click', viewMoreClick, false);
     updateViewMoreTitle();
@@ skipping 232 matching lines @@
 
   /**
    * @param {!Common.Event} event
    */
   _devicesDiscoveryConfigChanged(event) {
     this._config = /** @type {!Adb.Config} */ (event.data);
     this._networkDiscoveryView.discoveryConfigChanged(
         this._config.networkDiscoveryEnabled, this._config.networkDiscoveryConfig);
   }
 };