Fix camino bug 298111: improve appearance of select and textarea form controls for Cocoa widgets (all inside #idef for Cocoa: only affects Camino). r=pinkerton, sr=me.

layout/style/forms.css

@@ -544,18 +544,30 @@ input[type="submit"] {
 #if MOZ_DEFAULT_TOOLKIT=="cocoa"
 /* makes sure enabled and disabled input and text area fields are drawn */
 input,
-textarea,
-input[disabled],
-textarea[disabled] {
-  border-width: 2px;
+input[disabled] {
   padding: 0px 1px 0px 1px;
   font-size: 11px;
   margin: 1px 1px 1px 1px;
   background-color: -moz-field;
 }
 
+textarea,
+textarea[disabled] {
+  -moz-appearance: none; /* we'll draw by hand, thanks */
+  border-style: solid;
+  border-color: #737373 #999999 #999999 #999999;
+  border-width: 1px;
+  padding: 0px 0px 0px 0px;
+  font-size: 11px;
+  margin: 1px 1px 1px 0px;
+  background-color: -moz-field;
+}
+
+textarea > .anonymous-div {
+  padding: 0px 0px 0px 2px;
+}
+
 select {
-  -moz-appearance: menulist;
   margin: 1px 1px 1px 1px;
   background-color: transparent !important;
   color: -moz-FieldText !important;
@@ -568,15 +580,20 @@ select {
 select[size],
 select[multiple],
 select[size][multiple] {
-  -moz-appearance: listbox;
-  margin: 1px 1px 1px 1px;
+  -moz-appearance: none; /* we'll draw by hand, thanks */
+  border-width: 0;
   background-color: transparent !important;
+  border-style: solid;
+  border-color: #737373 #999999 #999999 #999999;
+  border-width: 1px;
+  /* still need to get rid of 1-pixel gab above the first and below the last option */
+  /* get rid of the dotted focus outline? */
 }
 
 select[size="0"],
 select[size="1"] {
   -moz-appearance: menulist;
-  margin: 1px 1px 1px 1px;
+  border-width: 2px;
   background-color: transparent !important;
 }
 
@@ -616,9 +633,9 @@ input[type="button"]:active:hover,
 input[type="submit"]:active:hover {
   -moz-appearance: button-small;
   font-size: 11px;
-  margin: 2px 1px 2px 1px;
+  margin: 1px 2px 4px 2px;
   padding: 0;
-  border-width: 2px 8px 2px 8px;
+  border-width: 3px 8px 2px 8px;
   color: -moz-FieldText !important;
   min-width: 24px;
 }
@@ -653,4 +670,9 @@ input[type="file"] > input[type="button"]::-moz-focus-inner {
   border: 0;
 }
 
+/* tweak position of button part of file selector */
+input[type="file"] > input[type="button"] {
+  margin: 0px 0px 2px 5px !important;
+}
+
 #endif