android - Android 上使用 Cordova/Phonegap 的单选按钮

Question

我正在使用 cordova 开发一个在 android、ios 和 windows phone 上运行的应用程序。单选按钮在所有设备上都显示正常，除了我拥有的 1 台安卓平板电脑(三星 Galaxy Tab 2)，这是单选按钮的屏幕截图。如您所见，很难分辨，但选择了最上面的。

这是在我的三星 S4 手机上运行的同一个应用程序，单选按钮看起来不错。

平板运行android 4.2.2，手机运行4.4.2

如何让单选按钮在平板电脑上看起来更好？

Answer 1

发生这种情况的原因可能是因为较新的 Android 版本正在运行 Chrome webview，而较旧的版本正在运行三星的旧默认库存浏览器。如果您不喜欢单选按钮的外观，您可以使用 CSS 设置单选按钮的样式，这是一个通用的 example你可以自己适应。

为了有条件地为旧版 Android 设置此样式，您可以执行类似 JavaScript 的操作:

var ua = navigator.userAgent;
if( ua.indexOf("Android") >= 0 )
{
  var androidversion = parseFloat(ua.slice(ua.indexOf("Android")+8)); 
  if (androidversion < 4.4)
  {
      // do whatever
  }
}

当然你应该更具体地适应你的例子，但至少这是一个开始。祝你好运!