diff --git a/browser/base/content/pageinfo/pageInfo.js b/browser/base/content/pageinfo/pageInfo.js index ffb4a4a96105..4b2756a22249 100644 --- a/browser/base/content/pageinfo/pageInfo.js +++ b/browser/base/content/pageinfo/pageInfo.js @@ -473,7 +473,7 @@ async function loadTab(args) { document.getElementById("generalTab"); radioGroup.selectedItem = initialTab; radioGroup.selectedItem.doCommand(); - radioGroup.focus(); + radioGroup.focus({ preventFocusRing: true }); } function openCacheEntry(key, cb) { diff --git a/browser/themes/linux/pageInfo.css b/browser/themes/linux/pageInfo.css index b0ccf2a02563..956a46da0835 100644 --- a/browser/themes/linux/pageInfo.css +++ b/browser/themes/linux/pageInfo.css @@ -24,6 +24,10 @@ padding: 0 6px; } +#viewGroup:focus-visible > radio[focused="true"] > .radio-label-box { + outline: var(--default-focusring); +} + #topBar { border-bottom: 1px solid ThreeDShadow; padding-inline-start: 10px; diff --git a/browser/themes/windows/pageInfo.css b/browser/themes/windows/pageInfo.css index fdf44cb5d148..e4061856c04a 100644 --- a/browser/themes/windows/pageInfo.css +++ b/browser/themes/windows/pageInfo.css @@ -41,6 +41,10 @@ padding: 0 6px; } +#viewGroup:focus-visible > radio[focused="true"] > .radio-label-box { + outline: var(--default-focusring); +} + #generalTab { -moz-image-region: rect(0px, 32px, 32px, 0px) } diff --git a/toolkit/themes/linux/global/radio.css b/toolkit/themes/linux/global/radio.css index 37b47201a40e..2da8b45877b9 100644 --- a/toolkit/themes/linux/global/radio.css +++ b/toolkit/themes/linux/global/radio.css @@ -41,7 +41,7 @@ radio { radiogroup:focus-visible > radio[focused="true"] > .radio-label-box { /* Native theming should take care of this but it appears to be broken with some Gtk themes. Bug 1312169. */ - outline: var(--default-focusring); + outline: var(--focus-outline); } /* ..... disabled state ..... */ diff --git a/toolkit/themes/shared/checkbox.css b/toolkit/themes/shared/checkbox.css index 12b92b8817a6..35392ae0627a 100644 --- a/toolkit/themes/shared/checkbox.css +++ b/toolkit/themes/shared/checkbox.css @@ -109,8 +109,8 @@ checkbox:not([native]):focus-visible > .checkbox-check { /* ..... focused state ..... */ - checkbox[native]:-moz-focusring > .checkbox-label-box { - outline: var(--default-focusring); + checkbox[native]:focus-visible > .checkbox-label-box { + outline: var(--focus-outline); } /* ..... disabled state ..... */ @@ -190,10 +190,10 @@ checkbox:not([native]):focus-visible > .checkbox-check { /* ..... focused state ..... */ - checkbox[native]:-moz-focusring > .checkbox-label-box { + checkbox[native]:focus-visible > .checkbox-label-box { /* Native theming should take care of this but it appears to be broken with some Gtk themes. Bug 1312169. */ - outline: var(--default-focusring); + outline: var(--focus-outline); } /* ..... disabled state ..... */ diff --git a/toolkit/themes/windows/global/radio.css b/toolkit/themes/windows/global/radio.css index 813b0649ee87..8e8813a5eea9 100644 --- a/toolkit/themes/windows/global/radio.css +++ b/toolkit/themes/windows/global/radio.css @@ -44,7 +44,7 @@ radio { /* ..... focused state ..... */ radiogroup:focus-visible > radio[focused="true"] > .radio-label-box { - outline: var(--default-focusring); + outline: var(--focus-outline); } /* ..... disabled state ..... */