Радио кнопки на Android с помощью Cordova/PhoneGap

Question

Я использую Cordova для разработки приложения, которое работает на Android, IOS и Windows Phone. Радиокнопки выглядят нормально на всех устройствах, кроме 1 андроид планшета (Samsung Galaxy Tab 2), у меня есть снимок экрана радиокнопок. Как видите, сложно сказать, но верхний выбран.

Вот такое же приложение, работающее на моем телефоне Samsung S4, и переключатели выглядят нормально.

Планшет работает под управлением Android 4.2.2 и телефон работает под управлением 4.4.2

Как заставить кнопки радио выглядеть лучше на планшете?

Answer 1

Причина этого заключается, вероятно, в том, что в более новой версии Android работает веб-браузер Chrome, а в более старой - стандартный браузер Samsung по умолчанию. Если вам не нравится внешний вид радиокнопок, вы можете стилизовать радиокнопки с помощью CSS, вот общий пример, который вы можете адаптировать самостоятельно.

Чтобы условно установить этот стиль для старых версий 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
  }
}

Конечно, вы должны адаптировать это более конкретно к своему примеру, но, по крайней мере, это только начало. Удачи!