HTML Select-Dropdown-Listen arbeiten nicht in android webview

Der Browser User-Agent-Version:HTML Select-Dropdown-Listen arbeiten nicht in android webview

"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 Safari/6533.18.5"

Der grundlegende HTML-Code

<!DOCTYPE html> 
<html> 
    <head> 
     <title>Test Pages</title> 
     <meta name="format-detection" content="telephone=no"> 
     <meta name="msapplication-tap-highlight" content="no"> 
     <meta charset="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>

Diese Arbeit an UIWebView (iPhone) und dem nativen Browser zu sein scheint. Nur android webView die issue.Any Hilfe appreciated.The Webansicht wird ist zu haben ist eine cordova Aktivität

Quelle

2016-03-17 Bijeshp009

Bitte senden Sie den Code in dem Sie versuchen, diese HTML in Android WebView zu laden. –

@ Bijeshp009 Können Sie näher erläutern, was das Problem ist? –

Bitte besuchen Sie diese Antwort, könnte es Ihnen diese Lösung stackoverflow.com/a/43497233/3086769 – whit3hawks

Antwort von @mattstow von here

Der Rendering-Android-Browser von <select> s Buggy ist und die normalen Styling zu entfernen, wenn Ein Hintergrund oder Rahmen wird angewendet.

Da <select> nicht wie <select> s aussieht, ist ein ziemlich großes Usability-Problem, Ihre beste Wette ist, sie nicht nur für diesen Browser zu stylen.

Leider gibt es keine reine CSS Art und Weise der Auswahl/Ausschluss des Android-Browser, so empfehle ich Ihnen, Layout-Engine verwenden (https://github.com/stowball/Layout-Engine), die eine Klasse von .Browser-android zum <html>-Tag hinzufügen.

Sie könnten dann Stil Alle <select> s außer auf Android-Browser, etwa so:

html:not(.browser-android) select { 
    background: #0f0; 
    border: 1px solid #ff0; 
}

Quelle

2016-03-17 11:24:15

helfen scheint nicht auf die Frage bezogen. @ Bijeshp009 sagt, dass die Auswahl nicht funktioniert. Wird das Entfernen von Styling auf Android das Auswählen? –

HTML Select-Dropdown-Listen arbeiten nicht in android webview

Antwort

Verwandte Themen