在ios7上，<input type = date>不顯示在webview中沒有默認值

Question

我使用UIWebview來顯示一個html頁面。在頁面中，我有日期和時間類型，而不是日期時間。 但是該字段沒有顯示在ios7上。在ios6上沒關係。 下面是css代碼：

div.answer-time-picker { 
     padding: 10px 9px; 
    } 

    .answer-time-picker input { 
     font-size: 17px; 
     font-weight: normal; 
     display: block; 
     width: 100%; 
     -webkit-box-sizing: border-box; 
     border: none; 
     -webkit-appearance: none; 
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 
    } 

有什麼不對嗎？

非常感謝！

更新： 我發現，如果有一個默認值，它會正常工作。 但是，如果沒有值，它將不會顯示空字段。 我該如何執行它以顯示用戶點擊它的空白字段？

Answer 1

它看起來像iOS中移除該輸入型7

http://www.mobilexweb.com/blog/safari-ios7-html5-problems-apis-review

繼谷歌Chrome，Safari瀏覽器現在在iOS上不支持 日期時間輸入類型了，它會退回到文本。此類型 已在標準中棄用，有利於使用兩個輸入，日期和 時間用於相同目的。問題在於datetime兼容版本爲 ，iOS版本爲5.0至6.1;如果你使用它，小心！

Answer 2

我有一些想法，從這個quesiton：input type=date in iOS 7

我設置。答時間選取器輸入的高度。它的工作原理！

Answer 3

見參考here

你的CSS應該是如下改變：

{ 
align-items: center; 
display: -webkit-inline-flex; 
overflow: hidden; 
padding: 0px; 
-webkit-padding-start: 1px; 
}