OLD | NEW |
1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. | 1 /* Copyright (c) 2012 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 /* This file defines styles for form controls. The order of rule blocks is | 5 /* This file defines styles for form controls. The order of rule blocks is |
6 * important as there are some rules with equal specificity that rely on order | 6 * important as there are some rules with equal specificity that rely on order |
7 * as a tiebreaker. These are marked with OVERRIDE. */ | 7 * as a tiebreaker. These are marked with OVERRIDE. */ |
8 | 8 |
9 /* Default state **************************************************************/ | 9 /* Default state **************************************************************/ |
10 | 10 |
(...skipping 92 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
103 </if> | 103 </if> |
104 } | 104 } |
105 | 105 |
106 input[type='search'] { | 106 input[type='search'] { |
107 -webkit-appearance: textfield; | 107 -webkit-appearance: textfield; |
108 /* NOTE: Keep a relatively high min-width for this so we don't obscure the end | 108 /* NOTE: Keep a relatively high min-width for this so we don't obscure the end |
109 * of the default text in relatively spacious languages (i.e. German). */ | 109 * of the default text in relatively spacious languages (i.e. German). */ |
110 min-width: 160px; | 110 min-width: 160px; |
111 } | 111 } |
112 | 112 |
| 113 /* Remove when https://bugs.webkit.org/show_bug.cgi?id=51499 is fixed. |
| 114 * TODO(dbeam): are there more types that would benefit from this? */ |
| 115 input[type='search']::-webkit-textfield-decoration-container { |
| 116 direction: inherit; |
| 117 } |
| 118 |
113 /* Checked ********************************************************************/ | 119 /* Checked ********************************************************************/ |
114 | 120 |
115 input[type='checkbox']:checked::before { | 121 input[type='checkbox']:checked::before { |
116 -webkit-user-select: none; | 122 -webkit-user-select: none; |
117 background-image: url('../images/check.png'); | 123 background-image: url('../images/check.png'); |
118 background-size: 100% 100%; | 124 background-size: 100% 100%; |
119 content: ''; | 125 content: ''; |
120 display: block; | 126 display: block; |
121 height: 100%; | 127 height: 100%; |
122 width: 100%; | 128 width: 100%; |
(...skipping 171 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
294 display: block; | 300 display: block; |
295 } | 301 } |
296 | 302 |
297 :-webkit-any(.checkbox, .radio) label:hover { | 303 :-webkit-any(.checkbox, .radio) label:hover { |
298 color: black; | 304 color: black; |
299 } | 305 } |
300 | 306 |
301 label > input:disabled:-webkit-any([type='checkbox'], [type='radio']) ~ span { | 307 label > input:disabled:-webkit-any([type='checkbox'], [type='radio']) ~ span { |
302 color: #999; | 308 color: #999; |
303 } | 309 } |
OLD | NEW |