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

【问题标题】：Radio Buttons on Android using Cordova/PhonegapAndroid 上使用 Cordova/Phonegap 的单选按钮
【发布时间】：2014-10-03 11:42:02
【问题描述】：

我正在使用 cordova 开发一个可以在 android、ios 和 windows phone 上运行的应用程序。除了我拥有的 1 个 android 平板电脑（Samsung Galaxy Tab 2）之外，所有设备上的单选按钮看起来都很好，这是单选按钮的屏幕截图。如您所见，很难说，但选择了顶部的。

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

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

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

【问题讨论】：

标签： android css cordova android-styles cordova-chrome-app

【解决方案1】：

发生这种情况的原因可能是较新的 Android 版本运行的是 Chrome webview，而较旧的 Android 版本运行的是三星的旧默认库存浏览器。如果您不喜欢单选按钮的外观，您可以使用 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
  }
}

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

【讨论】：