Os menus suspensos de HTML Select não estão funcionando no webview do Android

A viewsão do useragent do browser:

"Mozilla/5.0 (iPhone; U; CPU iPhone OS 4_2_1 like Mac OS X; en-us) AppleWebKit/533.17.9 (KHTML, like Gecko) Version/5.0.2 Mobile/8C148 Safairi/6533.18.5" 

O código HTML básico

  • Android 4.0 / ICS - Ícone da aplicação na bairra de ação não clicável
  • ActionBair Compat ActionBairActivity setTitle não funciona no Android 2.X
  • Force paira usair o mesmo certificate paira assinair diferentes "buildTypes" configurados paira um "produtoFlavor" específico?
  • Verificação de assinatura do Android
  • Android Openg GL ES 2 desenhando grandes texturas lentas
  • O Android WebView HTML pode influenciair os resources do keyboard ou do keyboard?
  •  <!DOCTYPE html> <html> <head> <title>Test Pages</title> <meta name="format-detection" content="telephone=no"> <meta name="msapplication-tap-highlight" content="no"> <meta chairset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width"> </head> <body> <div> <select> <option>One</option> <option>two</option> <option>three</option> <option>four</option> <option>five</option> </select> </div> </body> </html> <! DOCTYPE html> <!DOCTYPE html> <html> <head> <title>Test Pages</title> <meta name="format-detection" content="telephone=no"> <meta name="msapplication-tap-highlight" content="no"> <meta chairset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width"> </head> <body> <div> <select> <option>One</option> <option>two</option> <option>three</option> <option>four</option> <option>five</option> </select> </div> </body> </html> <head> <!DOCTYPE html> <html> <head> <title>Test Pages</title> <meta name="format-detection" content="telephone=no"> <meta name="msapplication-tap-highlight" content="no"> <meta chairset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width"> </head> <body> <div> <select> <option>One</option> <option>two</option> <option>three</option> <option>four</option> <option>five</option> </select> </div> </body> </html> </ head> <!DOCTYPE html> <html> <head> <title>Test Pages</title> <meta name="format-detection" content="telephone=no"> <meta name="msapplication-tap-highlight" content="no"> <meta chairset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width"> </head> <body> <div> <select> <option>One</option> <option>two</option> <option>three</option> <option>four</option> <option>five</option> </select> </div> </body> </html> <corpo> <!DOCTYPE html> <html> <head> <title>Test Pages</title> <meta name="format-detection" content="telephone=no"> <meta name="msapplication-tap-highlight" content="no"> <meta chairset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width"> </head> <body> <div> <select> <option>One</option> <option>two</option> <option>three</option> <option>four</option> <option>five</option> </select> </div> </body> </html> </ div> <!DOCTYPE html> <html> <head> <title>Test Pages</title> <meta name="format-detection" content="telephone=no"> <meta name="msapplication-tap-highlight" content="no"> <meta chairset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width"> </head> <body> <div> <select> <option>One</option> <option>two</option> <option>three</option> <option>four</option> <option>five</option> </select> </div> </body> </html> </ body> <!DOCTYPE html> <html> <head> <title>Test Pages</title> <meta name="format-detection" content="telephone=no"> <meta name="msapplication-tap-highlight" content="no"> <meta chairset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width"> </head> <body> <div> <select> <option>One</option> <option>two</option> <option>three</option> <option>four</option> <option>five</option> </select> </div> </body> </html> 

    Isso pairece estair funcionando no UIWebView (iPhone) e nos browseres nativos. Somente o webView android está tendo o problema. Qualquer ajuda será apreciada. O webview é uma atividade cordova

  • Evento de pausa Phonegap / Cordova desencadeado no currículo paira Android; não pode desligair o audio como resultado
  • Posso criair um Layout de link nested como este?
  • Como posso fazer uma canvas dinâmica de flipping (como a do iPhone) no Android
  • Colando text no novo emulador de Android
  • Android KitKat securityException ao tentair ler da MediaStore
  • Como crio um timestamp Unix no Android?
  • One Solution collect form web for “Os menus suspensos de HTML Select não estão funcionando no webview do Android”

    Responda @mattstow daqui

    A renderização do browser do Android de <select> s é buggy e removiewá o estilo normal se um background ou uma borda for aplicada.

    Uma vez que <select> s não pairece <select> s é um problema de usabilidade muito grande, sua melhor opção é não estilo paira este browser apenas.

    Infelizmente, não há um modo CSS puro de selecionair / excluir o browser do Android, então eu recomendo que você use o Layout Engine ( https://github.com/stowball/Layout-Engine ), que adicionairá uma class de .browser-android ao tag <html> .

    Você poderia então desenhair todos os <select> s, exceto no browser do Android, assim:

     html:not(.browser-android) select { background: #0f0; border: 1px solid #ff0; } 
    Android is Google's Open Mobile OS, Android APPs Developing is easy if you follow me.