默认效果：
修改后的效果：
源代码：
1 ::-webkit-datetime-edit { padding: 0; background-color: #fff;} /*控制编辑区域*/ 2 ::-webkit-datetime-edit-fields-wrapper { background-color: #fff; } /*控制年月日这个区域*/ 3 ::-webkit-datetime-edit-text { color: #000; background-color: #fff;} /*控制年月日之间的斜线或短横线的*/ 4 ::-webkit-datetime-edit-year-field { color: #000; background-color: #fff;} /*控制年文字, 如2013四个字母占据的那片地方*/ 5 ::-webkit-datetime-edit-month-field { color: #000; background-color: #fff;} /*控制月份*/ 6 ::-webkit-datetime-edit-day-field { color: #000; background-color: #fff;} /*控制具体日子*/ 7 ::-webkit-inner-spin-button { visibility: hidden; } /*控制上下小箭头的*/ 8 ::-webkit-clear-button { visibility: hidden; } /*控制清除按钮*/ 9 ::-webkit-calendar-picker-indicator { /*控制下拉小箭头*/ 10 border: 1px solid red; 11 border-radius: 2px; 12 background-image: -webkit-linear-gradient(top, #fff, #fff); 13 color: red; 14 }