[Phonegap+Sencha Touch] 移动开发22、安卓4.0.X的webview或自带浏览器中，去除输入框外面的蓝色边框

转载于 2014-08-08 14:14:16 发布 · 1.2k 阅读

本文介绍了在PhoneGap项目中，如何通过修改代码来解决安卓4.0.X版本中输入框出现蓝色边框的副作用问题。提供了一种去除边框并保持输入法正常工作的解决方案，并详细解释了实现方法。同时，还分享了另一种更为通用的解决思路，适用于不同版本的Android系统。

这个css的方法去除边框有副作用，还是废弃掉吧。需要的请看最下面的办法。

安卓4.0.X中，有焦点的输入框是这样的，

蓝色边框好丑，去除的办法是，加上下面的css：

a:focus,input:focus,textarea:focus {
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-user-modify: read-write-plaintext-only;
}

下面是去除后的效果：

上面的css办法有副作用，导致输入法不再能够输入多个字符，比如用中文输入法打“我们”，进入文本框的就只有“我”。本来是google到的解决办法，但是国外大部分使用字母的国家是无所谓，咱们用中文就不能忍受了。

另一个办法：

打开你phonegap项目中的文件

\platforms\android\CordovaLib\src\org\apache\cordova\CordovaActivity.java

文件开头引入这几个包

[java]view plaincopy 
   
 import android.view.ViewGroup.OnHierarchyChangeListener;  
 import android.view.inputmethod.InputMethodManager;  
 import android.widget.AutoCompleteTextView;  
 import android.text.InputType;  
 import android.os.Build;  

修改311行的public void init() 方法，加上下面的代码

[java]view plaincopy 
   
 public void init() {  
     CordovaWebView webView = makeWebView();  
     //代码开始  
     if (Build.VERSION.SDK_INT == Build.VERSION_CODES.ICE_CREAM_SANDWICH_MR1) {//4.0.3  
         webView.setOnHierarchyChangeListener(new OnHierarchyChangeListener() {  
   
             @Override  
             public void onChildViewRemoved(View parent, View child) {}  
   
             @Override  
             public void onChildViewAdded(View parent, View child) {  
                 final AutoCompleteTextView myWebTextView;  
                 if( child.getClass().getName().equals("android.webkit.WebTextView")){  
   
                     myWebTextView =(AutoCompleteTextView) child;  
   
                     myWebTextView.getHandler().post(new Runnable() {  
                         @Override  
                         public void run() {  
                             myWebTextView.setBackgroundColor(Color.TRANSPARENT);  
                             //myWebTextView.setCursorVisible(false);  
                             myWebTextView.setTextColor(Color.TRANSPARENT);  
   
                             //set lines to 0 because sethighlightcolor does not work  
                             myWebTextView.setLines(0);  
   
                             myWebTextView.setInputType(InputType.TYPE_NULL);  
                             myWebTextView.setFocusable(true);  
                             myWebTextView.setFocusableInTouchMode(true);  
   
                             if(myWebTextView.hasFocus())  
                                 myWebTextView.clearFocus()  
   
                             //sometimes the keyboard doesn't show up by just requestFocus,so i have to force it by showSoftInput  
                             InputMethodManager mgr = (InputMethodManager) CordovaActivity.this.getSystemService(Context.INPUT_METHOD_SERVICE);  
                             myWebTextView.requestFocus();  
                             mgr.showSoftInput(myWebTextView, InputMethodManager.SHOW_FORCED);  
                         }  
                     });  
                 }  
             }  
         });  
     }  
     //代码结束  
     this.init(webView, makeWebViewClient(webView), makeChromeClient(webView));  
 }  