1/* Copyright 2014 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 6input[type="date" i], 7input[type="datetime-local" i], 8input[type="month" i], 9input[type="time" i], 10input[type="week" i] { 11 align-items: center; 12 display: -webkit-inline-flex; 13 font-family: monospace; 14 overflow: hidden; 15 padding: 0; 16 -webkit-padding-start: 1px; 17} 18 19input::-webkit-datetime-edit { 20 flex: 1; 21 -webkit-user-modify: read-only !important; 22 display: inline-block; 23 overflow: hidden; 24} 25 26input::-webkit-datetime-edit-fields-wrapper { 27 -webkit-user-modify: read-only !important; 28 display: inline-block; 29 padding: 1px 0; 30 white-space: pre; 31} 32 33/* If you update padding, border, or margin in the following ruleset, update 34 DateTimeFieldElement::maximumWidth too. */ 35input::-webkit-datetime-edit-ampm-field, 36input::-webkit-datetime-edit-day-field, 37input::-webkit-datetime-edit-hour-field, 38input::-webkit-datetime-edit-millisecond-field, 39input::-webkit-datetime-edit-minute-field, 40input::-webkit-datetime-edit-month-field, 41input::-webkit-datetime-edit-second-field, 42input::-webkit-datetime-edit-week-field, 43input::-webkit-datetime-edit-year-field { 44 -webkit-user-modify: read-only !important; 45 border: none; 46 display: inline; 47 font: inherit !important; 48 padding: 1px; 49} 50 51/* Remove focus ring from fields and use highlight color */ 52input::-webkit-datetime-edit-ampm-field:focus, 53input::-webkit-datetime-edit-day-field:focus, 54input::-webkit-datetime-edit-hour-field:focus, 55input::-webkit-datetime-edit-millisecond-field:focus, 56input::-webkit-datetime-edit-minute-field:focus, 57input::-webkit-datetime-edit-month-field:focus, 58input::-webkit-datetime-edit-second-field:focus, 59input::-webkit-datetime-edit-week-field:focus, 60input::-webkit-datetime-edit-year-field:focus { 61 background-color: highlight; 62 color: highlighttext; 63 outline: none; 64} 65 66input::-webkit-datetime-edit-year-field[disabled], 67input::-webkit-datetime-edit-month-field[disabled], 68input::-webkit-datetime-edit-week-field[disabled], 69input::-webkit-datetime-edit-day-field[disabled], 70input::-webkit-datetime-edit-ampm-field[disabled], 71input::-webkit-datetime-edit-hour-field[disabled], 72input::-webkit-datetime-edit-millisecond-field[disabled], 73input::-webkit-datetime-edit-minute-field[disabled], 74input::-webkit-datetime-edit-second-field[disabled] { 75 color: GrayText; 76} 77 78/* If you update padding, border, or margin in the following ruleset, update 79 DateTimeEditElement::customStyelForRenderer too. */ 80input::-webkit-datetime-edit-text { 81 -webkit-user-modify: read-only !important; 82 display: inline; 83 font: inherit !important; 84} 85 86input[type="date" i]::-webkit-inner-spin-button, 87input[type="datetime" i]::-webkit-inner-spin-button, 88input[type="datetime-local" i]::-webkit-inner-spin-button, 89input[type="month" i]::-webkit-inner-spin-button, 90input[type="time" i]::-webkit-inner-spin-button, 91input[type="week" i]::-webkit-inner-spin-button { 92 /* FIXME: Remove height. */ 93 height: 1.5em; 94 -webkit-margin-start: 2px; 95} 96