针对input[type=date]属性样式的更改

1、去掉date中上下小三角，但是保留input类型为number的小三角
     input[type=date]::-webkit-inner-spin-button { visibility: hidden; }

2、改变日期（文字）的背景色，或添加背景图
    input[type=date]::-webkit-datetime-edit { padding: 1px; background: url(../selection.gif); }

3、改变日期（文字）的背景色，或添加背景图
    input[type=date]::-webkit-datetime-edit-fields-wrapper { background-color: #eee; }

4、改变 年月日 间距 和 连接符颜色
    input[type=date]::-webkit-datetime-edit-text { color: #4D90FE; padding: 0 .3em; }

5、改变 年 的颜色
    input[type=date]::-webkit-datetime-edit-year-field { color: purple; }

6、改变 月 的颜色
    input[type=date]::-webkit-datetime-edit-month-field { color: blue; }

7、改变 日 的颜色
    input[type=date]::-webkit-datetime-edit-day-field { color: green; 

8、改变选择 年月日 按钮
    input[type=date]::-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;
    }

转载于:https://my.oschina.net/u/3502365/blog/1538128