diff --git a/layout/html/document/src/html.css b/layout/html/document/src/html.css index 5be1439fd8e2..a7351e339e74 100644 --- a/layout/html/document/src/html.css +++ b/layout/html/document/src/html.css @@ -917,10 +917,21 @@ label { } /* Combo box style */ +select:-moz-display-comboboxcontrol-frame { + overflow:hidden; + white-space:nowrap; + background-color: inherit; + color: inherit; + text-align: inherit; + padding-left: 4px; + padding-right: 5px; + padding-bottom: 1px; + padding-top: 1px; +} + select:-moz-dummy-option { visibility: hidden; - content: "X"; - /*display: block;*/ + content: "XX"; } select[size] { @@ -991,53 +1002,14 @@ select[disabled] > input[type="button"] { /* combobox display area */ -select > input#-moz-display { - font-family: inherit; - font-size: inherit; - border: none; - background-color: inherit; - background-image: none; - -moz-border-radius:0px; - padding-left: 0px; - padding-right: 0px; - padding-top: 1px; - padding-bottom: 1px; - margin: 0px; -} - select > input:button-content { text-align: left; } -select[disabled] > input#-moz-display { - font-family: inherit; - font-size: inherit; - border: none; +select[disabled]:-moz-display-comboboxcontrol-frame { color: gray; - background-color: inherit; - background-image: none; - -moz-border-radius:0px; - padding-left: 0px; - padding-right: 0px; - padding-top: 1px; - padding-bottom: 1px; } -/* combbox display area - active */ -select > input#-moz-display:active { - font-family: inherit; - font-size: inherit; - border: none; - background-color:inherit; - background-image: none; - -moz-border-radius:0px; - padding-left: 0px; - padding-right: 0px; - padding-top: 1px; - padding-bottom: 1px; -} - - option { min-height: 1em; display:block; @@ -1055,18 +1027,19 @@ option[label]:before { select[size] option { padding-left: 3px; padding-top: 0px; - padding-right: 11px; + padding-right: 5px; padding-bottom: 0px; } select option, select[size="1"] option { padding-left: 3px; padding-top: 0px; - padding-right: 5px; + padding-right: 0px; padding-bottom: 0px; } -select[disabled] > option { + +select[disabled] option { color:rgb(153, 153, 153); background-color:white; } @@ -1103,44 +1076,11 @@ select[size="1"] option[-moz-option-selected] { background-color:rgb(51,51,102); } -select[size="1"][disabled] option[-moz-option-selected] { +select[size="1"] option[disabled][-moz-option-selected] { color:rgb(153,153,153); background-color:rgb(204,204,204); } -select[multiple] option[-moz-option-selected] { - color:white; - background-color:rgb(51,51,102); -} - -select[multiple][disabled] option[-moz-option-selected] { - color:rgb(153,153,153); - background-color:rgb(204,204,204); -} - -select[multiple][size="1"] option[-moz-option-selected] { - color:white; - background-color:rgb(51,51,102); -} - -select > input[type="button"]#-moz-display:-moz-focus-inner { - border:none; - padding-left : 3px; - padding-right : 0px; - padding-top : 0px; - padding-bottom: 0px; - margin: 0px; -} - -select > input[type="button"]#-moz-display:focus:-moz-focus-inner { - border:none; - padding-left : 0px; - padding-right : 0px; - padding-top : 0px; - padding-bottom: 0px; - margin: 0px; -} - optgroup { font-family: sans-serif; font-size: small; @@ -1181,14 +1121,6 @@ select[multiple]:focus { border: 2px dotted rgb(128,128,128); } -select:focus > input#-moz-display { - border: none; -} - -select[size="1"]:focus > input#-moz-display { - border: none; -} - /* Begin - Margin setting for form controls inside tables for Nav Quirks */ td select[size] { diff --git a/layout/style/html.css b/layout/style/html.css index 5be1439fd8e2..a7351e339e74 100644 --- a/layout/style/html.css +++ b/layout/style/html.css @@ -917,10 +917,21 @@ label { } /* Combo box style */ +select:-moz-display-comboboxcontrol-frame { + overflow:hidden; + white-space:nowrap; + background-color: inherit; + color: inherit; + text-align: inherit; + padding-left: 4px; + padding-right: 5px; + padding-bottom: 1px; + padding-top: 1px; +} + select:-moz-dummy-option { visibility: hidden; - content: "X"; - /*display: block;*/ + content: "XX"; } select[size] { @@ -991,53 +1002,14 @@ select[disabled] > input[type="button"] { /* combobox display area */ -select > input#-moz-display { - font-family: inherit; - font-size: inherit; - border: none; - background-color: inherit; - background-image: none; - -moz-border-radius:0px; - padding-left: 0px; - padding-right: 0px; - padding-top: 1px; - padding-bottom: 1px; - margin: 0px; -} - select > input:button-content { text-align: left; } -select[disabled] > input#-moz-display { - font-family: inherit; - font-size: inherit; - border: none; +select[disabled]:-moz-display-comboboxcontrol-frame { color: gray; - background-color: inherit; - background-image: none; - -moz-border-radius:0px; - padding-left: 0px; - padding-right: 0px; - padding-top: 1px; - padding-bottom: 1px; } -/* combbox display area - active */ -select > input#-moz-display:active { - font-family: inherit; - font-size: inherit; - border: none; - background-color:inherit; - background-image: none; - -moz-border-radius:0px; - padding-left: 0px; - padding-right: 0px; - padding-top: 1px; - padding-bottom: 1px; -} - - option { min-height: 1em; display:block; @@ -1055,18 +1027,19 @@ option[label]:before { select[size] option { padding-left: 3px; padding-top: 0px; - padding-right: 11px; + padding-right: 5px; padding-bottom: 0px; } select option, select[size="1"] option { padding-left: 3px; padding-top: 0px; - padding-right: 5px; + padding-right: 0px; padding-bottom: 0px; } -select[disabled] > option { + +select[disabled] option { color:rgb(153, 153, 153); background-color:white; } @@ -1103,44 +1076,11 @@ select[size="1"] option[-moz-option-selected] { background-color:rgb(51,51,102); } -select[size="1"][disabled] option[-moz-option-selected] { +select[size="1"] option[disabled][-moz-option-selected] { color:rgb(153,153,153); background-color:rgb(204,204,204); } -select[multiple] option[-moz-option-selected] { - color:white; - background-color:rgb(51,51,102); -} - -select[multiple][disabled] option[-moz-option-selected] { - color:rgb(153,153,153); - background-color:rgb(204,204,204); -} - -select[multiple][size="1"] option[-moz-option-selected] { - color:white; - background-color:rgb(51,51,102); -} - -select > input[type="button"]#-moz-display:-moz-focus-inner { - border:none; - padding-left : 3px; - padding-right : 0px; - padding-top : 0px; - padding-bottom: 0px; - margin: 0px; -} - -select > input[type="button"]#-moz-display:focus:-moz-focus-inner { - border:none; - padding-left : 0px; - padding-right : 0px; - padding-top : 0px; - padding-bottom: 0px; - margin: 0px; -} - optgroup { font-family: sans-serif; font-size: small; @@ -1181,14 +1121,6 @@ select[multiple]:focus { border: 2px dotted rgb(128,128,128); } -select:focus > input#-moz-display { - border: none; -} - -select[size="1"]:focus > input#-moz-display { - border: none; -} - /* Begin - Margin setting for form controls inside tables for Nav Quirks */ td select[size] { diff --git a/xpfe/global/resources/skin/global.css b/xpfe/global/resources/skin/global.css index 0e9668149d55..5dd8cb25d3bd 100644 --- a/xpfe/global/resources/skin/global.css +++ b/xpfe/global/resources/skin/global.css @@ -1756,7 +1756,7 @@ html|select > html|input[type="button"]:hover { border: 1px solid #003366; } -html|select > html|input#-moz-display:hover { +html|select:-moz-display-comboboxcontrol-frame:hover { border: 1px solid #003366; border-right: none; } @@ -1830,7 +1830,7 @@ html|select[disabled] > html|input[type="button"] { /* combobox display area */ -html|select > html|input#-moz-display { +html|select:-moz-display-comboboxcontrol-frame { font-family: inherit; font-size: inherit; border-top: 1px solid #666666; @@ -1839,7 +1839,7 @@ html|select > html|input#-moz-display { border-right: none; background-color: #CCCCCC; background-image: none; - padding: 0px 0px 3px 0px; + padding: 0px 0px 1px 3px; margin: 0px; vertical-align: bottom; } @@ -1848,7 +1848,7 @@ html|select > html|input:button-content { text-align: left; } -html|select[disabled] > html|input#-moz-display { +html|select[disabled]:-moz-display-comboboxcontrol-frame { font-family: inherit; font-size: inherit; border: none; @@ -1856,12 +1856,12 @@ html|select[disabled] > html|input#-moz-display { background-color: #CCCCCC; background-image: none; -moz-border-radius: 0px; - padding: 0px 0px 3px 0px; + padding: 0px 0px 1px 3px; vertical-align: bottom; } /* combbox display area - active */ -html|select > html|input#-moz-display:active { +html|select:-moz-display-comboboxcontrol-frame:active { font-family: inherit; font-size: inherit; border-top: 1px solid #666666; @@ -1871,7 +1871,7 @@ html|select > html|input#-moz-display:active { background-color: #CCCCCC; background-image: none; -moz-border-radius: 0px; - padding: 0px 0px 3px 0px; + padding: 0px 0px 1px 3px; vertical-align: bottom; } @@ -1961,23 +1961,6 @@ html|select[multiple][size="1"] html|option[-moz-option-selected] { background-color: #336699; } -html|select > html|input[type="button"]#-moz-display:-moz-focus-inner { - /*border:none; - padding-left : 3px; - padding-right : 0px; - padding-top : 0px; - padding-bottom: 0px; - margin: 0px;*/ -} - -html|select > html|input[type="button"]#-moz-display:focus:-moz-focus-inner { - /*border:none; - padding-left : 0px; - padding-right : 0px; - padding-top : 0px; - padding-bottom: 0px; - margin: 0px;*/ -} html|optgroup { font-family: inherit; @@ -1999,11 +1982,11 @@ html|optgroup:before { content:attr(label); } -html|select:focus > html|input#-moz-display { +html|select:-moz-display-comboboxcontrol-frame:focus { border: none; } -html|select[size="1"]:focus > html|input#-moz-display { +html|select[size="1"]:-moz-display-comboboxcontrol-frame:focus { border: none; }