IBM Worklight - 应用程序在不同的Android OS版本中显示和行为不同

Question

我正在使用Android环境创建基于Worklight的混合应用程序。

我有两个问题：

1. 智能手机和平板电脑中的键盘;一旦它消失，就会有一些延迟，直到它真正消失 - 有一些白色的背景......

   全尺寸图片：http://www.tiikoni.com/tis/view/?id=fe716e8

2. 即使CSS是相同的，文本输入字段的边框在每个设备中看起来也不同。

   全尺寸图片：http://www.tiikoni.com/tis/view/?id=a7333a7

源代码摘要：

• Login.html：http://www.pastebin.com/3h5i7179
• Login.css：http://www.pastebin.com/R5RajiXD

Answer 1

关于问题＃1：

我在测试应用程序中运行了：

• 谷歌Nexus“5（Android 4.4），谷歌Nexus”10（Android 4.3）

  在这些设备中，我无法重新创建“延迟白色残留物”（通过显示键盘然后将其滑下来）

• 三星Galaxy Tab 1“7（Android 2.2），Android模拟器（2.x，4.x）

  在这些设备中，我设法重新创建它

IMO这个问题似乎是由于设备规格而发生的。您的速度可能太慢......用户需要持续1秒左右，直到白色区域重新粉刷。

关于问题＃2：

1. 要禁用输入字段周围的对焦环，请将以下内容添加到input CSS：
   

   /* Deals with Android 4.x */
   outline: none;
   
   /* Deals with Android 2.x */
   -webkit-tap-highlight-color: rgba(0,0,0,0);
   -webkit-tap-highlight-color: transparent; /* For some other Androids */
   

2. 要在Android OS 2.x和4.x中显示相同的绿色输入字段，我已将以下内容添加到input CSS：
   

     

   background-color：＃00CD9A;

   注意：在Android 2.x 中，操作系统会在密码类型输入字段之上添加一个图层，因此在重点关注时会丢失其样式：{{3} }

input的完整CSS：

input {
    -webkit-border-radius:8px;     
    font-size: 30px;
    font-family: calibri, sans-serif;

    /* Idan: To remove the focus rings: */
    outline: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;

    /* Idan: Background color for the input fields: */
    background-color: #00CD9A; 
}