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 |