OLD | NEW |
---|---|
1 /* Copyright (c) 2011 The Chromium Authors. All rights reserved. | 1 /* Copyright (c) 2011 The Chromium Authors. All rights reserved. |
2 * Use of this source code is governed by a BSD-style license that can be | 2 * Use of this source code is governed by a BSD-style license that can be |
3 * found in the LICENSE file. | 3 * found in the LICENSE file. |
4 */ | 4 */ |
5 | 5 |
6 input[type='checkbox'] { | 6 input[type='checkbox'] { |
7 -webkit-box-shadow: inset 0 1px 2px white, | 7 -webkit-box-shadow: inset 0 1px 2px white, |
8 0 1px 2px rgba(0, 0, 0, .2); | 8 0 1px 2px rgba(0, 0, 0, .2); |
9 -webkit-appearance: none; | 9 -webkit-appearance: none; |
10 -webkit-margin-start: 0; | 10 -webkit-margin-start: 0; |
11 -webkit-margin-end: 3px; | 11 -webkit-margin-end: 3px; |
12 background: -webkit-linear-gradient(#fafafa, #dcdcdc); | 12 background: -webkit-linear-gradient(#fafafa, #dcdcdc); |
13 border-radius: 3px; | 13 border-radius: 3px; |
14 border: 1px solid #a0a0a0; | 14 border: 1px solid #a0a0a0; |
15 display: inline-block; | 15 display: inline-block; |
16 font: inherit; | |
James Hawkins
2011/12/08 21:53:50
Add the note about the WebKit bug.
csilv
2011/12/09 18:25:58
Done.
| |
16 height: 16px; | 17 height: 16px; |
17 margin-bottom: 0; | 18 margin-bottom: 0; |
18 margin-top: 0; | 19 margin-top: 0; |
19 position: relative; | 20 position: relative; |
20 top: 3px; | 21 top: 3px; |
21 vertical-align: baseline; | 22 vertical-align: baseline; |
22 width: 16px; | 23 width: 16px; |
23 } | 24 } |
24 | 25 |
25 input[type='checkbox']:disabled { | 26 input[type='checkbox']:disabled { |
(...skipping 101 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
127 | 128 |
128 label:hover > input[type=checkbox]:disabled ~ span, | 129 label:hover > input[type=checkbox]:disabled ~ span, |
129 label:hover > input[type=radio]:disabled ~ span { | 130 label:hover > input[type=radio]:disabled ~ span { |
130 color: #888; | 131 color: #888; |
131 } | 132 } |
132 | 133 |
133 label:hover > input[type=checkbox]:not(:disabled) ~ span, | 134 label:hover > input[type=checkbox]:not(:disabled) ~ span, |
134 label:hover > input[type=radio]:not(:disabled) ~ span { | 135 label:hover > input[type=radio]:not(:disabled) ~ span { |
135 color: #222; | 136 color: #222; |
136 } | 137 } |
OLD | NEW |