| OLD | NEW |
| (Empty) |
| 1 /* Copyright 2008 Google Inc. All Rights Reserved. */ | |
| 2 /* Author: ojan@google.com (Ojan Vafai) */ | |
| 3 | |
| 4 /* These styles override the default styling for HTML elements as defined in | |
| 5 WebCore/css/html4.css. So far we have used this file exclusively for | |
| 6 making our form elements match Firefoxes. If we find other needs for this | |
| 7 file we should seriously consider if this is the right place of them. */ | |
| 8 | |
| 9 input:not([type]), | |
| 10 input[type="text"], | |
| 11 input[type="password"], | |
| 12 input[type="search"] { | |
| 13 margin:0; | |
| 14 padding:1px 0; | |
| 15 } | |
| 16 | |
| 17 input[type="checkbox"] { | |
| 18 margin:3px 3px 3px 4px; | |
| 19 } | |
| 20 | |
| 21 input[type="radio"] { | |
| 22 margin:3px 3px 0 5px; | |
| 23 } | |
| 24 | |
| 25 /* Not sure this is the right color. #EBEBE4 is what Firefox uses. | |
| 26 TODO(ojan): Figure out how to support legacy input rendering. | |
| 27 TODO(ojan): Add input[type="file"] once we figure out our file inputs. | |
| 28 TODO(ojan): Add input[type="image"] once we figure out our image inputs. | |
| 29 TODO(ojan): We probably do the wrong thing if you put an invalid input type. | |
| 30 do we care? | |
| 31 */ | |
| 32 textarea:disabled, | |
| 33 input:not([type]):disabled, | |
| 34 input[type="text"]:disabled, | |
| 35 input[type="password"]:disabled, | |
| 36 input[type="search"]:disabled { | |
| 37 background-color: #EBEBE4; | |
| 38 } | |
| 39 | |
| 40 /* Chrome should render input[type="search"] the same as input with no type. | |
| 41 This search thing is an Apple-ism to get mac style search inputs. */ | |
| 42 input[type="search"] { | |
| 43 -webkit-appearance: textfield; | |
| 44 -webkit-box-sizing: content-box; | |
| 45 } | |
| 46 | |
| 47 input[type="button"], input[type="submit"], input[type="reset"], input[type="fil
e"]::-webkit-file-upload-button, button { | |
| 48 /* Matches Firefox */ | |
| 49 padding: 0 6px; | |
| 50 margin: 0; | |
| 51 } | |
| 52 | |
| 53 /* Chrome selects are not rounded. Custom borders for them shouldn't be either.
*/ | |
| 54 keygen, | |
| 55 select, | |
| 56 select[size="0"], | |
| 57 select[size="1"] { | |
| 58 -webkit-border-radius: 0; | |
| 59 margin: 0; | |
| 60 } | |
| 61 | |
| 62 textarea { | |
| 63 font-family: monospace; | |
| 64 margin: 1px 0; | |
| 65 | |
| 66 /* Matches IE */ | |
| 67 padding: 2px; | |
| 68 } | |
| OLD | NEW |