[NO JIRA] Do not show focus dotted outline on text inputs or checkboxes

diff --git a/server/sonar-web/src/main/js/app/styles/init/forms.css b/server/sonar-web/src/main/js/app/styles/init/forms.css
index e601bd697e7f5e793d21bfa05bb578d779d5cc9c..cea003ae5969dd6a476267915fc6a70a21cf7f95 100644 (file)
--- a/server/sonar-web/src/main/js/app/styles/init/forms.css
+++ b/server/sonar-web/src/main/js/app/styles/init/forms.css
@@ -54,7 +54,7 @@ textarea:focus,
 select:focus {
   border-color: var(--blue);
   box-shadow: none;
-  outline: none;
+  outline: none !important;
 }
 
 input[type='text']:invalid,

diff --git a/server/sonar-web/src/main/js/components/controls/Checkbox.css b/server/sonar-web/src/main/js/components/controls/Checkbox.css
index 14396225948178c006672f32fc3f400782bce8d5..c6d0dad38ecd0d798bbebb2bad9f44d11273b3a7 100644 (file)
--- a/server/sonar-web/src/main/js/components/controls/Checkbox.css
+++ b/server/sonar-web/src/main/js/components/controls/Checkbox.css
@@ -30,7 +30,7 @@ a.icon-checkbox {
 }
 
 .icon-checkbox:focus {
-  outline: none;
+  outline: none !important;
 }
 
 .icon-checkbox:before {