OLD | NEW |
(Empty) | |
| 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 |
| 3 * found in the LICENSE file. |
| 4 * |
| 5 * This is the generic select css used on various WebUI implementations. |
| 6 */ |
| 7 |
| 8 select { |
| 9 -webkit-appearance: button; |
| 10 -webkit-border-radius: 2px; |
| 11 -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); |
| 12 -webkit-padding-end: 20px; |
| 13 -webkit-padding-start: 2px; |
| 14 -webkit-user-select: none; |
| 15 background-image: url("../images/select.png"), |
| 16 -webkit-linear-gradient(#fafafa, #f4f4f4 40%, #e5e5e5); |
| 17 background-position: center right; |
| 18 background-repeat: no-repeat; |
| 19 border: 1px solid #aaa; |
| 20 color: #555; |
| 21 font-size: inherit; |
| 22 margin: 0; |
| 23 overflow: hidden; |
| 24 padding-top: 2px; |
| 25 padding-bottom: 2px; |
| 26 text-overflow: ellipsis; |
| 27 white-space: nowrap; |
| 28 } |
| 29 |
| 30 html[dir='rtl'] select { |
| 31 background-position: center left; |
| 32 } |
| 33 |
| 34 |
| 35 select:disabled { |
| 36 color: graytext; |
| 37 } |
| 38 |
| 39 select:enabled:hover { |
| 40 -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); |
| 41 background-image: url("../images/select.png"), |
| 42 -webkit-linear-gradient(#fefefe, #f8f8f8 40%, #e9e9e9); |
| 43 color: #333; |
| 44 } |
| 45 |
| 46 select:enabled:active { |
| 47 -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2); |
| 48 background-image: url("../images/select.png"), |
| 49 -webkit-linear-gradient(#f4f4f4, #efefef 40%, #dcdcdc); |
| 50 color: #444; |
| 51 } |
OLD | NEW |