修改日历控件的默认样式

默认效果：

修改后的效果：

源代码：

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