DevTools: Added styling to focused checkboxes

third_party/WebKit/Source/devtools/front_end/elements/ClassesPaneWidget.js

 // Copyright (c) 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.
 
 /**
  * @constructor
  * @extends {WebInspector.ElementsPanel.BaseToolbarPaneWidget}
  * @param {!WebInspector.ToolbarItem} toolbarItem
  */
 WebInspector.ClassesPaneWidget = function(toolbarItem)
@@ skipping 70 matching lines @@
         var node = WebInspector.context.flavor(WebInspector.DOMNode);
         if (!node)
             return Promise.resolve();
 
         var classes = this._nodeClasses(node);
         var keys = classes.keysArray();
         keys.sort(String.caseInsensetiveComparator);
         for (var i = 0; i < keys.length; ++i) {
             var className = keys[i];
             var label = createCheckboxLabel(className, classes.get(className));
+            label.visualizeFocus = true;
             label.classList.add("monospace");
             label.checkboxElement.addEventListener("click", this._onClick.bind(this, className), false);
             this._classesContainer.appendChild(label);
         }
         return Promise.resolve();
     },
 
     /**
      * @param {string} className
      * @param {!Event} event
@@ skipping 111 matching lines @@
 
     _nodeChanged: function()
     {
         var node = WebInspector.context.flavor(WebInspector.DOMNode);
         var enabled = !!node;
         this._button.setEnabled(enabled);
         if (!enabled && this._button.toggled())
             WebInspector.ElementsPanel.instance().showToolbarPane(null);
     }
 }