Settings WebUI: cr-profile-avatar-selector, selected style overrides focus style

Bug: 973380
Change-Id: If17e44de0fad55305687f15e072e6800d6e7dfa6
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1661084Reviewed-by: Hector Carmona <hcarmona@chromium.org>
Commit-Queue: Esmael El-Moslimany <aee@chromium.org>
Cr-Commit-Position: refs/heads/master@{#670184}

ui/webui/resources/cr_elements/cr_profile_avatar_selector/cr_profile_avatar_selector.html

@@ -55,7 +55,8 @@
         border-color: var(--avatar-selected-color);
       }
 
-      :host-context(.focus-outline-visible) #avatar-grid .avatar:focus {
+      :host-context(.focus-outline-visible) #avatar-grid
+          .avatar:not(.iron-selected):focus {
         --avatar-outline-color: var(--avatar-focus-color);
         --avatar-outline-width: 1px;
       }