Bug 1243353 - allow HTML in-content checkboxes to have focus and style them appropriately, r=jaws

--HG--
extra : commitid : 4YfNCbhtKqv
extra : rebase_source : 214419b31ea72668f553a2efc8ef7c5c559451d9

toolkit/themes/linux/global/in-content/common.css

@@ -95,6 +95,13 @@ xul|*.inline-link:-moz-focusring {
   border: 1px dotted -moz-DialogText;
 }
 
+xul|menulist:-moz-focusring > xul|*.menulist-label-box,
+xul|radio[focused="true"] > xul|*.radio-label-box,
+html|input[type="checkbox"]:-moz-focusring + html|label:before,
+xul|checkbox:-moz-focusring > xul|*.checkbox-label-box {
+  outline: 1px dotted;
+}
+
 xul|spinbuttons {
   -moz-appearance: none;
 }

toolkit/themes/osx/global/in-content/common.css

@@ -86,6 +86,7 @@ xul|*.inline-link:-moz-focusring {
 xul|button:-moz-focusring,
 xul|menulist:-moz-focusring,
 xul|checkbox:-moz-focusring > .checkbox-check,
+html|input[type="checkbox"]:-moz-focusring + html|label:before,
 xul|radio[focused="true"] > .radio-check,
 xul|tab:-moz-focusring > .tab-middle > .tab-text {
   outline: 2px solid rgba(0,149,221,0.5);

toolkit/themes/shared/in-content/common.inc.css

@@ -475,7 +475,8 @@ html|a:hover:active,
 
 /* Hide the actual checkbox */
 html|input[type="checkbox"] {
-  visibility: hidden;
+  opacity: 0;
+  width: 0;
   position: absolute;
 }
 

toolkit/themes/windows/global/in-content/common.css

@@ -68,6 +68,7 @@ xul|*.inline-link:-moz-focusring,
 xul|button:-moz-focusring > xul|*.button-box,
 xul|menulist:-moz-focusring > xul|*.menulist-label-box,
 xul|radio[focused="true"] > xul|*.radio-label-box,
+html|input[type="checkbox"]:-moz-focusring + html|label:before,
 xul|checkbox:-moz-focusring > xul|*.checkbox-label-box {
   outline: 1px dotted;
 }