HTML Select menù a discesa non stanno funzionando in WebView Android

La versione useragent Browser:HTML Select menù a discesa non stanno funzionando in WebView Android

"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"

Il codice HTML di base

<!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>

Questo sembra essere al lavoro su UIWebView (iPhone) e il browser nativo. Solo WebView Android sta avendo l'aiuto issue.Any sarà appreciated.The WebView è un'attività Cordova

fonte

2016-03-17 Bijeshp009

si prega di inviare il codice in cui si sta tentando di caricare questo html in Android WebView. –

@ Bijeshp009 Puoi approfondire qual è il problema? –

Si prega di visitare questa risposta, potrebbe aiutare StackOverflow.com/a/43497233/3086769 – whit3hawks

Risposta da @mattstow da here

il rendering del browser Android di <select> s è bacato e rimuoverà lo stile normale se viene applicato uno sfondo o un bordo.

Dal <select> s non è come <select> s è un problema di usabilità piuttosto grande, la soluzione migliore è di non stile per questo solo browser.

Purtroppo, non c'è modo CSS puro di selezione/esclusione del browser di Android, quindi vi consiglio di utilizzare il layout del motore (https://github.com/stowball/Layout-Engine), che aggiungerà una classe di .Browser-Android al tag <html>.

Si potrebbe quindi lo stile tutti <select> s tranne il browser Android, in questo modo:

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

fonte

2016-03-17 11:24:15

Questa soluzione non sembra correlata alla domanda. @ Bijeshp009 sta dicendo che la selezione non funziona. La rimozione dello stile su Android corregge la selezione? –

HTML Select menù a discesa non stanno funzionando in WebView Android

risposta

Problemi correlati