删除Android应用程序周围的绿色边框

Question

我目前在使用Cordova构建的Android应用程序时遇到问题,该应用程序的主体周围有绿框:

它似乎是由于Web容器处于焦点,因为当显示警报时绿色轮廓消失.

此绿色边框不会出现在iOS版本的应用程序中,也不会出现在浏览器中或使用时检查仿真器框架chrome://inspect.

我尝试了多个CSS修复程序来尝试删除此边框,例如:

* {
  -webkit-tap-highlight-color: transparent !important;
  outline: none !important;
  border: 0px solid #000;
}

以及在设备上禁用所有可访问性设置,但无济于事.

额外细节:

• Android SDK版本:27
• 设备测试:Nexus 5,Nexus 6,Pixel XL
• Cordova版本:3.6.4(由于使用MobileFirst的当前框架要求无法更改)

有谁知道如何解决这个问题？

Answer 1

我能够通过将以下行添加到Java类的init方法中来解决此问题:CordovaWebViewCordovaLib/src/org/apache/cordova/

this.setDefaultFocusHighlightEnabled(false);

Answer 2

在你的

Android/App/src/main/res/values/styles.xml

添加此项，在样式标签内

<item name="android:defaultFocusHighlightEnabled">false</item>