2013-01-04 9 views
10

Stavo testando la mia applicazione in IE10 e ho trovato uno strano comportamento per la casella di selezione. L'opzione selezionata è evidenziata e le opzioni sopra/sotto sono visualizzate sopra/sotto quella selezionata. La casella a discesa è nascosta.IE10 Seleziona casella numero

Ciò accade solo in IE10. In tutti gli altri browser, le opzioni sono visualizzate sotto la casella di selezione.

Prova con il codice di esempio riportato di seguito in IE10 e IE9:

<!DOCTYPE html> 
<html> 
    <body> 
     <select> 
      <option value="volvo">Volvo</option> 
      <option value="saab">Saab</option> 
      <option value="opel">Opel</option> 
      <option value="audi">Audi</option> 
     </select> 
    </body> 
</html> 

C'è un modo per rendere le opzioni sotto la casella di selezione, come al solito o c'è qualche hack per IE10?

Grazie.

risposta

2

Utilizzare <select size="1"> per forzare una singola linea visibile. Questo non è un trucco specifico per IE10, ma funziona su tutta la linea.

+2

perché la downvote? questa non è una caratteristica ovvia, comunque, è una soluzione, indipendentemente dal fatto che si adatti ai tuoi desideri/implementazioni. grazie per aver condiviso @Jan Wikholm – albert

8

Questo è il comportamento predefinito per questo controllo in Internet Explorer 10. A seconda del numero di elementi nell'elenco e delle dimensioni dello schermo, altri browser visualizzeranno il menu in modo diverso, anche se penso che IE10 sia l'unico browser che bilancia il numero di elementi sopra e sotto l'elemento select quando viene aperto il menu a discesa.

+1

'select' ha lo stesso comportamento in Windows7 + IE10 (pre-release). – Teemu

1

Uno dei vantaggi del nuovo comportamento in IE10 è che rende l'interazione touch molto più semplice. Inoltre, è coerente con il comportamento di Windows. Non ci sono attualmente modi per modificare questo comportamento. Ho passato il feedback al team di IE.