Internet Explorer中的下拉列表样式 [英] dropdownlist styling in Internet explorer

问题描述

我有一些IE渲染我的DropDownList的问题。
在Firefox中，它看起来应该是这样，我想在IE中显示的方式也是如此。
以下是Firefox中下拉列表的屏幕截图：

在IE中的截图：

我想让下拉菜单垂直展开，直到下拉列表为止，我不希望下拉列表可以低于现有的下拉菜单。
有没有一些技巧如何用css？
提前感谢Laziale

解决方案

这只是下拉菜单在Internet Explorer 10和（以及Windows Store应用程序）：当菜单打开时，所选项目覆盖下拉控件，其他项目出现在其上方和下方。大概，微软做出了这样的改变，以便菜单更加友善。

我浏览过 Internet Explorer支持的CSS属性列表，但是我没有注意到任何影响菜单的位置。因此，如果这种行为是不可接受的，您将需要避开本机操作系统控制，以支持基于HTML / CSS的下拉菜单，例如 jQuery Selectmenu 或Telerik的 RadDropDownList 。

I have some problems with the way IE renders my DropDownList. In Firefox it looks as it should and thats the way I wanted displayed in IE too. Here is a screenshot of the dropdownlist in Firefox:

screenshot in IE:

I want the dropdown to expand vertically up until where the dropdownlist is, I don't want the dropdown to go below the existing dropdown control. Is there some trick how to do that with css? Thanks in advance, Laziale

解决方案

This is just the way that drop-down menus work in Internet Explorer 10 and up (as well as in Windows Store apps): when the menu opens, the selected item overlays the drop-down control, which other items appearing above and below it. Presumably, Microsoft made this change so that the menu is more touch friendly.

I browsed through the list of CSS properties supported by Internet Explorer, but I didn't notice any that affect the position of the menu. So if this behavior is unacceptable, you will need to eschew the native operating system control in favor of an HTML/CSS-based drop-down menu, such as jQuery Selectmenu or Telerik's RadDropDownList.

这篇关于Internet Explorer中的下拉列表样式的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！