jQuery Mobile標籤在ios7（iPad）上的空白HTML5日期字段未對齊

Question

哇 - 只是看着該標題讓我意識到這是一個晦澀的錯誤，但嘿，讓我們一起去吧。任何人遇到同樣的事情或有任何建議如何糾正？視覺解釋可能是最好的。

堆棧：

• 的jQuery 1.9.1
• jQuery Mobile的1.3.2
• 桌面瀏覽器：Chrome瀏覽器31.0.1650.39β（OSX小牛）
• 手機瀏覽器：Safari瀏覽器都鍍鉻&上iOS 7.0.3

超級基本代碼：

個

<label for="customer_date_of_birth">Date of birth</label> 
<input id="customer_date_of_birth" name="customer[date_of_birth]" size="30" type="date" /> 

勒問題：

桌面（好看） -

移動W /空白輸入（的Bleh） -

移動，只要我選擇一個日期（回來看起來不錯） -

我還沒有線索如何調試這一點，因爲我所有的調試工具在桌面上。這個問題只顯示在我的iPad上。

有什麼想法，哦，人誰在這比我更好？ （！謝謝）

Answer 1

見參考here

您的類型CSS =日期應更改如下：

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