2013-01-04 25 views
10

Tôi đã thử nghiệm ứng dụng của mình trong IE10 và thấy một hành vi lạ đối với hộp chọn. Tùy chọn được chọn được tô sáng và các tùy chọn ở trên/dưới được hiển thị ở trên/bên dưới tùy chọn đã chọn. Hộp thả xuống bị ẩn.IE10 Chọn sự cố hộp

Điều này chỉ xảy ra trong IE10. Trong tất cả các trình duyệt khác, các tùy chọn được hiển thị bên dưới hộp chọn.

Hãy thử với mẫu mã dưới đây trong IE10 và 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ó cách nào để làm cho các tùy chọn bên dưới hộp chọn như thường lệ hoặc có bất kỳ hack cho IE10?

Cảm ơn.

Trả lời

2

Sử dụng <select size="1"> để buộc hiển thị một dòng. Đây không phải là một hack IE10 cụ thể nhưng hoạt động trên bảng.

+2

tại sao downvote? đó không phải là một tính năng hiển nhiên, hơn nữa, một giải pháp của nó, bất kể nó có phù hợp với mong muốn/triển khai của bạn hay không. cảm ơn bạn đã chia sẻ @Jan Wikholm – albert

8

Đây là hành vi mặc định cho điều khiển này trong Internet Explorer 10. Tùy thuộc vào số lượng mục trong danh sách và kích thước màn hình, các trình duyệt khác cũng sẽ hiển thị menu khác nhau - mặc dù tôi nghĩ IE10 là trình duyệt sẽ cân bằng số lượng các mục ở trên và bên dưới phần tử chọn khi menu thả xuống được mở.

+1

'select' có cùng một hành vi trong Windows7 + IE10 (trước khi phát hành). – Teemu

1

Một trong những lợi thế của hành vi mới trong IE10 là nó làm cho tương tác cảm ứng dễ dàng hơn nhiều. Ngoài ra, nó phù hợp với cách phần còn lại của Windows hoạt động. Hiện tại không có cách nào để thay đổi hành vi này. Tôi đã gửi phản hồi cho nhóm IE.

0

tôi đã tìm cách để khắc phục vấn đề tương tự trong một trang web ... Tôi thấy rằng các điều khiển telerik mới nhất làm việc "một cách chính xác" hay đúng hơn "cách IE9" trong IE10 .. :-)

tôi thiên đường 't làm việc với phiên bản mới nhất này, tôi cũng không làm việc cho Telerik, vì vậy đừng bắn sứ giả nếu nó làm cho bạn đau ..

http://demos.telerik.com/aspnet-ajax/dropdownlist/examples/overview/defaultcs.aspx

Các vấn đề liên quan