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

This commit is contained in:
Gijs Kruitbosch 2016-02-01 21:45:22 +00:00
parent 1399e178e1
commit cd9d03c771
4 changed files with 11 additions and 1 deletions

View File

@ -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;
}

View File

@ -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);

View File

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

View File

@ -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;
}