虛擬元素改變date類型input框的預設樣式執行個體頁面

標籤：

CSS代碼：

::-webkit-datetime-edit { padding: 1px; background: url(/study/image/selection.gif); }::-webkit-datetime-edit-fields-wrapper { background-color: #eee; }::-webkit-datetime-edit-text { color: #4D90FE; padding: 0 .3em; }::-webkit-datetime-edit-year-field { color: purple; }::-webkit-datetime-edit-month-field { color: blue; }::-webkit-datetime-edit-day-field { color: green; }::-webkit-inner-spin-button { visibility: hidden; }::-webkit-calendar-picker-indicator {    border: 1px solid #ccc;    border-radius: 2px;    box-shadow: inset 0 1px #fff, 0 1px #eee;    background-color: #eee;    background-image: -webkit-linear-gradient(top, #f0f0f0, #e6e6e6);    color: #666;}

HTML代碼：

<input type="date" />

轉自http://www.zhangxinxu.com/study/201306/pseudo-elements-to-style-type-date.html

虛擬元素改變date類型input框的預設樣式執行個體頁面