WebUI: Only highlight scrollable divs

ui/webui/resources/cr_elements/shared_style_css.html

Index: ui/webui/resources/cr_elements/shared_style_css.html
diff --git a/ui/webui/resources/cr_elements/shared_style_css.html b/ui/webui/resources/cr_elements/shared_style_css.html
index d669216651611066b2c5b647af8dd97366dcbbf2..391486c4d8d4d4d86877e171bc8ac5e0309ccc40 100644
--- a/ui/webui/resources/cr_elements/shared_style_css.html
+++ b/ui/webui/resources/cr_elements/shared_style_css.html
@@ -97,13 +97,13 @@
       [scrollable].can-scroll:not(.scrolled-to-bottom) {
         border-bottom-color: var(--google-grey-300);
       }
-      [scrollable] :focus {
-        @apply(--cr-list-item-focus);
-        @apply(--cr-selectable-focus);
-      }
       [scrollable] iron-list > * {
         @apply(--cr-actionable);
       }
+      [scrollable] iron-list > :not(.no-outline):focus {
+        @apply(--cr-list-item-focus);
+        @apply(--cr-selectable-focus);
+      }
 
       .scroll-container {
         display: flex;