DevTools: update text inputs to new style

third_party/WebKit/Source/devtools/front_end/sources/AddSourceMapURLDialog.js

 // Copyright 2014 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
  */
 Sources.AddSourceMapURLDialog = class extends UI.HBox {
   /**
    * @param {function(string)} callback
    */
   constructor(callback) {
     super(true);
     this.registerRequiredCSS('sources/dialog.css');
     this.contentElement.createChild('label').textContent = Common.UIString('Source map URL: ');
 
-    this._input = this.contentElement.createChild('input');
+    this._input = UI.createInput();
+    this.contentElement.appendChild(this._input);
     this._input.setAttribute('type', 'text');
     this._input.addEventListener('keydown', this._onKeyDown.bind(this), false);
 
     var addButton = this.contentElement.createChild('button');
     addButton.textContent = Common.UIString('Add');
     addButton.addEventListener('click', this._apply.bind(this), false);
 
     this.setDefaultFocusedElement(this._input);
     this._callback = callback;
     this.contentElement.tabIndex = 0;
@@ skipping 25 matching lines @@
   /**
    * @param {!Event} event
    */
   _onKeyDown(event) {
     if (event.keyCode === UI.KeyboardShortcut.Keys.Enter.code) {
       event.preventDefault();
       this._apply();
     }
   }
 };