DevTools: Use real focus in TreeOutline

third_party/WebKit/Source/devtools/front_end/security/sidebar.css

 /* 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.
  */
 
 .tree-outline {
     padding: 0;
 }
 
 .tree-outline li {
     display: flex;
     flex-direction: row;
     align-items: center;
     padding: 2px 5px;
     overflow: hidden;
     margin: 2px 0;
     border-top: 1px solid transparent;
     white-space: nowrap;
 }
 
-.tree-outline:focus li.selected .lock-icon,
-.tree-outline:focus .security-sidebar-tree-item.selected .icon
+.tree-outline li.selected:focus .lock-icon,
+.tree-outline .security-sidebar-tree-item.selected:focus .icon
 {
     background-color: white;
 }
 
 .tree-outline .security-main-view-sidebar-tree-item {
     border-bottom: 1px solid rgb(230, 230, 230);
     padding: 16px 0;
 }
 
 .tree-outline li.security-sidebar-origins {
@@ skipping 32 matching lines @@
 
 .security-sidebar-tree-item .title {
     overflow: hidden;
     margin-right: 5px;
 }
 
 .security-main-view-reload-message .tree-element-title {
     color: rgba(0, 0, 0, 0.5);
     padding-left: 8px;
 }