微信公眾號(hào)使用ionic框架方篮,當(dāng)使用系統(tǒng)自帶的時(shí)間選擇的時(shí)候會(huì)出現(xiàn)下拉箭頭谜慌,影響美觀辙喂,百度了很多辦法据沈,如
::-webkit-datetime-edit – 控制編輯區(qū)域的
::-webkit-datetime-edit-fields-wrapper – 控制年月日這個(gè)區(qū)域的
::-webkit-datetime-edit-text – 這是控制年月日之間的斜線或短橫線的
::-webkit-datetime-edit-month-field – 控制月份
::-webkit-datetime-edit-day-field – 控制具體日子
::-webkit-datetime-edit-year-field – 控制年文字, 如2017四個(gè)字母占據(jù)的那片地方
::-webkit-inner-spin-button – 這是控制上下小箭頭的
::-webkit-calendar-picker-indicator – 這是控制下拉小箭頭的
::-webkit-clear-button –這是控制清除按鈕的
都沒有解決哟沫,
準(zhǔn)確解決辦法為
/*時(shí)間選擇樣式*/
.mwq-times input[type="time"],
.mwq-times input[type="date"]
{
? ? border: none;
? ? appearance:none;
? ? -moz-appearance:none;
? ? -webkit-appearance:none;
? ? background: none;
? }
.mwq-times input[type="time"]::-ms-expand,
.mwq-times input[type="date"]::-ms-expand{
display: none;
}
希望能幫到更多的小伙伴