checkbox and radio now use content-box instead of border-box this makes it

more intuitive to add and resize the borders.
b=32102
This commit is contained in:
rods%netscape.com 2000-03-31 15:43:06 +00:00
parent e9e2380bbb
commit fed23843df
2 changed files with 16 additions and 20 deletions

View File

@ -503,8 +503,9 @@ input[type="file"][disabled] input[type="button"] {
input[type=radio] {
box-sizing: border-box;
box-sizing: content-box;
/* these margins are for NavQuirks, we need a Standard ua.css */
padding: 0px;
margin-left: 3px;
margin-right: 5px;
margin-top: 2px;
@ -512,8 +513,8 @@ input[type=radio] {
border: 2px outset rgb(153, 153, 153);
background-color:rgb(204, 204, 204);
color:black;
width:12px;
height:12px;
width:8px;
height:8px;
behavior: none;
-moz-border-radius:6px;
}
@ -553,20 +554,17 @@ input[type=radio][disabled]:active {
input[type=checkbox] {
box-sizing: border-box;
box-sizing: content-box;
/* these margins are for NavQuirks, we need a Standard ua.css */
padding-top: 0px;
padding-left: 0px;
padding-right: 1px;
padding-bottom:1px;
padding: 0px;
margin-left: 3px;
margin-right: 4px;
margin-top: 3px;
margin-bottom: 3px;
border: 2px inset rgb(153, 153, 153);
background-color:rgb(204, 204, 204);
width:13px;
height:13px;
width:9px;
height:9px;
color:black;
behavior: none;
/* -moz-border-radius:1px; */

View File

@ -503,8 +503,9 @@ input[type="file"][disabled] input[type="button"] {
input[type=radio] {
box-sizing: border-box;
box-sizing: content-box;
/* these margins are for NavQuirks, we need a Standard ua.css */
padding: 0px;
margin-left: 3px;
margin-right: 5px;
margin-top: 2px;
@ -512,8 +513,8 @@ input[type=radio] {
border: 2px outset rgb(153, 153, 153);
background-color:rgb(204, 204, 204);
color:black;
width:12px;
height:12px;
width:8px;
height:8px;
behavior: none;
-moz-border-radius:6px;
}
@ -553,20 +554,17 @@ input[type=radio][disabled]:active {
input[type=checkbox] {
box-sizing: border-box;
box-sizing: content-box;
/* these margins are for NavQuirks, we need a Standard ua.css */
padding-top: 0px;
padding-left: 0px;
padding-right: 1px;
padding-bottom:1px;
padding: 0px;
margin-left: 3px;
margin-right: 4px;
margin-top: 3px;
margin-bottom: 3px;
border: 2px inset rgb(153, 153, 153);
background-color:rgb(204, 204, 204);
width:13px;
height:13px;
width:9px;
height:9px;
color:black;
behavior: none;
/* -moz-border-radius:1px; */