Magic-Mirror/gecko-dev
1
0
Fork 0
mirror of https://github.com/mozilla/gecko-dev.git synced 2025-01-20 01:51:39 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Add a focus border for xbl checkboxes and radio buttons (bug 132885). r=ben, sr=blake, a=brendan.

Browse Source
This commit is contained in:
bryner%netscape.com 2002-04-01 07:24:00 +00:00
parent bdda93d978
commit 9be0e997bb
4 changed files with 22 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
layout/forms/resources/skin/checkbox.css
View File

@ -48,6 +48,13 @@ input[type="checkbox"]:hover:active {
background-color: -moz-Dialog;
}
input[type="checkbox"]:focus {
-moz-border-top-colors: ThreeDDarkShadow ThreeDShadow;
-moz-border-right-colors: ThreeDDarkShadow ThreeDHighlight;
-moz-border-bottom-colors: ThreeDDarkShadow ThreeDHighlight;
-moz-border-left-colors: ThreeDDarkShadow ThreeDShadow;
}
/* ..... disabled state ..... */
input[type="checkbox"][disabled="true"] {

4
layout/forms/resources/skin/radio.css
View File

@ -65,6 +65,10 @@ input[type="radio"]:hover:active {
background-color: -moz-Dialog;
}
input[type="radio"]:focus > xul|*.input-radio-check-box2 {
border: 1px solid ThreeDDarkShadow;
}
/* ..... selected state ..... */
input[type="radio"]:checked > xul|*.input-radio-check-box2 {

7
layout/html/forms/resources/skin/checkbox.css
View File

@ -48,6 +48,13 @@ input[type="checkbox"]:hover:active {
background-color: -moz-Dialog;
}
input[type="checkbox"]:focus {
-moz-border-top-colors: ThreeDDarkShadow ThreeDShadow;
-moz-border-right-colors: ThreeDDarkShadow ThreeDHighlight;
-moz-border-bottom-colors: ThreeDDarkShadow ThreeDHighlight;
-moz-border-left-colors: ThreeDDarkShadow ThreeDShadow;
}
/* ..... disabled state ..... */
input[type="checkbox"][disabled="true"] {

4
layout/html/forms/resources/skin/radio.css
View File

@ -65,6 +65,10 @@ input[type="radio"]:hover:active {
background-color: -moz-Dialog;
}
input[type="radio"]:focus > xul|*.input-radio-check-box2 {
border: 1px solid ThreeDDarkShadow;
}
/* ..... selected state ..... */
input[type="radio"]:checked > xul|*.input-radio-check-box2 {