2012-10-31 64 views
3

Android 2.3版本。使用jQuery mobile和phonegap開發的應用程序。爲什麼密碼輸入字段的行爲如此奇怪?白色輸入字段邊框疊加在錯誤的位置上。JQM,Android 2.3,密碼輸入字段不正確覆蓋

password input field border overlay

HTML代碼:

<div data-role="content" class="loginContent"> 
     <div id="loginLogoContent"> 
      <div id="loginLogo"> 
       <img src="../../css/images/ivo.png" style="vertical-align:middle" /> 
      </div>   
      <div class="logoText">xxx</div> 
     </div> 

     <div> 
      <form id="loginForm"> 
       <input type="text" id="card" placeholder="xxx" class="required">     
       <input type="password" id="password" placeholder="yyy" class="required"> 

       <label for="remember_login">xxx</label> 
       <input type="checkbox" name="remember_login" id="remember_login">    

       <input id="loginButton" type="submit" name="login_submit" value="yyy">    
      </form> 

      <input id="registerButton" type="button" name="register" value="xxx" class="registerButton"> 
     </div> 
    </div> 
+0

您使用的是哪個版本的jQuery和jQuery Mobile? –

+0

JQM v1.1.1,jQuery v1.7.1 –

+0

你能提供整個index.html(或任何正在加載的文件)嗎?視口標題可能導致問題。 – Dilberted

回答

1

抱歉,無法重現你的問題,見截圖(HTC Desire的,Android 2.2系統,海豚瀏覽器),它看起來很好...

enter image description here

+1

在我看來,你試圖在瀏覽器中重現錯誤。那是對的嗎?只有在Android 2.x版本上運行的真實設備纔會出現錯誤。 –

+0

截圖現在已在答案中更新... – Taifun

+1

瀏覽器和WebView是兩回事。通常,使用jQM時,應用程序是在WebView對象中創建的,不能在完整的瀏覽器中運行。所以,僅僅因爲它在Dolphin瀏覽器中運行良好並沒有什麼幫助。 –