Forms 背景改变颜色,变暗

Forms 背景改变颜色,变暗,forms,ipad,safari,jquery-validate,Forms,Ipad,Safari,Jquery Validate,我正经历一种不寻常的烦恼。我有一个简单的表格,附有简单的验证。在iPad的本机浏览器中,当我将手指按住表单的背景时,它会变成较深的颜色 这只在ipad上发生,jquery.validate处于启用状态,表单必须小于屏幕大小 有什么想法吗 $("#ChangePassword").validate({ rules: { OldPassword:{ required:true }, NewPassword:{

我正经历一种不寻常的烦恼。我有一个简单的表格,附有简单的验证。在iPad的本机浏览器中,当我将手指按住表单的背景时,它会变成较深的颜色

这只在ipad上发生,jquery.validate处于启用状态,表单必须小于屏幕大小

有什么想法吗

$("#ChangePassword").validate({ 
    rules: { 

        OldPassword:{
            required:true
        },
        NewPassword:{
            required:true
        },
        NewPasswordRetype:{
            equalTo: "#NewPassword"
        }
    },
    messages: {

        OldPassword:"• Enter the old password",
        NewPassword:"• Enter the new password",
        NewPasswordRetype:"• Retype the new password"
    }
});


<form id="ChangePassword" method="post"   name="ChangePassword" >
        <div class="field-group">
            <div class="field-row form-item">
                <label class="float-left">Old Password:</label><input name="OldPassword" title="Old Password" type="password" id="OldPassword" size="12" maxlength="12" class="password"><div class="clear"></div>
                <div class="error-container">
                    <!-- <p class="error-message"></p> -->
                </div>
            </div>
          <div class="field-row form-item">
                <label class="float-left">New Password:</label><input name="NewPassword" title="New Password" type="password" id="NewPassword" size="12" maxlength="12" class="password"><div class="clear"></div>
                <div class="error-container">
                    <!-- <p class="error-message"></p> -->
                </div>
            </div>
          <div class="field-row form-item">
                <label class="float-left">Re-type New Password:</label><input name="NewPasswordRetype" title="Retype New Password" type="password" id="NewPasswordRetype" size="12" maxlength="12" class="password"><div class="clear"></div>
                <div class="error-container">
                    <!-- <p class="error-message"></p> -->
                </div>
            </div>
        </div>

        <div class="button-container">
            <button type="button" name="submit" value="submit" class="css3button-orange" onclick="changePW()" >submit</button>
        </div>

</form>