2013-01-04 14 views
10

Testowałem swoją aplikację w IE10 i odkryłem dziwne zachowanie w polu wyboru. Wybrana opcja jest podświetlona, ​​a opcje powyżej/poniżej są wyświetlane powyżej/poniżej wybranego. Pole rozwijane jest ukryte.IE10 Wybieranie numeru skrzynki

Zdarza się to tylko w IE10. We wszystkich pozostałych przeglądarkach opcje są wyświetlane pod polem wyboru.

Spróbuj z poniżej przykładowy kod w IE10 i 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> 

Czy istnieje jakiś sposób, aby opcje poniżej polu wyboru jak zwykle lub jest jakiś hack IE10?

Dzięki.

Odpowiedz

2

Użyj <select size="1">, aby wymusić wyświetlenie pojedynczej linii. To nie jest specyficzny haker IE10, ale działa we wszystkich dziedzinach.

+2

dlaczego downvote? to nie jest oczywistą cechą imo, tym bardziej, że jest to rozwiązanie, niezależnie od tego, czy pasuje ono do twoich pragnień/wdrożeń. dziękuję za udostępnienie @Jan Wikholm – albert

8

Jest to domyślne zachowanie dla tego formantu w programie Internet Explorer 10. W zależności od liczby pozycji na liście i rozmiaru ekranu, inne przeglądarki będą wyświetlać menu również inaczej - choć myślę, że IE10 jest jedynym przeglądarka, która zbilansuje liczbę elementów powyżej i poniżej elementu select po otwarciu menu rozwijanego.

+1

'select' ma takie samo zachowanie w Windows7 + IE10 (przedpremierowy) też. – Teemu

1

Jedną z zalet nowego zachowania w IE10 jest to, że znacznie ułatwia interakcję dotykową. Jest również zgodny z zachowaniem reszty systemu Windows. Obecnie nie ma sposobu na zmianę tego zachowania. Przekazałem informacje zwrotne zespołowi IE.