html5中如何更改、去掉input type默認樣式

1、如何去掉input type=date 默認樣式

HTML代碼：
選擇日期：<input type="date" value="2017-06-01" />
選擇時間：<input type="time" value="22:52" />
選擇星期：<input type="week" />
選擇月份：<input type="month" />

目前WebKit下有如下9個偽元素可以改變日期控件的UI：

::-webkit-datetime-edit – 控制編輯區域的
::-webkit-datetime-edit-fields-wrapper – 控制年月日這個區域的
::-webkit-datetime-edit-text – 這是控制年月日之間的斜線或短橫線的
::-webkit-datetime-edit-month-field – 控制月份
::-webkit-datetime-edit-day-field – 控制具體日子
::-webkit-datetime-edit-year-field – 控制年文字, 如2017四個字母占據的那片地方
::-webkit-inner-spin-button – 這是控制上下小箭頭的
::-webkit-calendar-picker-indicator – 這是控制下拉小箭頭的
::-webkit-clear-button –這是控制清除按鈕的

2、去掉input type=number的默認樣式

input[type=number] { -moz-appearance:textfield;}
::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0;} 控制編輯上下箭頭的
::-webkit-input-placeholder 控制placeholder樣式
:-moz-placeholder
::-moz-placeholder
:-ms-input-placeholder