IE中的下拉列表宽度
在 Internet Explorer (IE) 中，下拉列表 (select 元素) 的宽度通常是由其父元素决定的。如果您希望设置下拉列表的宽度，可以使用 CSS 来实现。
以下是一个简单的示例，展示了如何使用 CSS 设置下拉列表的宽度：
<!DOCTYPE html>
<html>
<head><style>
/* 设置下拉列表的宽度 */
select {
width: 200px;
}
</style>
</head>
<body><select>
<option value="option1">选项 1</option>
<option value="option2">选项 2</option>
<option value="option3">选项 3</option>
</select>
</body>
</html>在上面的示例中，我们使用了 CSS 中的 width 属性来设置下拉列表的宽度为 200 像素。您可以根据需要调整这个值。
需要注意的是，由于不同浏览器对 HTML 元素的渲染方式不同，因此在实际应用中可能会出现一些兼容性问题。为了确保下拉列表在所有浏览器中都能正常显示，建议使用一些第三方库，如 Select2 或 Chosen 等，来实现更加一致和友好的下拉列表样式。
相关·内容
1回答
在IE中更改下拉列表控件的下拉宽度，而不更改控件本身的宽度
internet-explorer、drop-down-menu
我有一个下拉列表，其中有很多比我为该控件设置的宽度更宽的项目。想要的行为是Chrome处理它的方式:下拉列表宽度指定控件在页面上占用多少空间，而下拉列表本身的宽度相当于读取下拉列表中的项目所需的宽度。我在IE中有一个问题(
浏览 1提问于2010-11-09得票数 2
5回答
如何使最小宽度在百分比中在IE7中工作？
css、cross-browser、internet-explorer-7
如何使{min-宽度:100%}在IE7中工作？在IE8+和其他浏览器中工作良好。我怎么才能让它起作用？
演示是在这里叉和玩
浏览 3提问于2012-10-24得票数 3
2回答
使用CSS设置下拉列表格式
javascript、jquery、asp.net、css
我基本上是在asp.net页面上使用dropdownlist控件，我将宽度设置为150px。在mozilla浏览器中，它显示展开的列表项，而在IE中，列表项文本被限制为下拉列表的宽度。任何想法，我如何才能获得相同的外观，这个下拉列表在IE中，它是在Mozilla。
我只想让列表项容器扩展到最大
浏览 4提问于2013-05-16得票数 2
2回答
在select上控制IE8中的下拉列表宽度
internet-explorer-8、drop-down-menu
是否可以在IE8中控制select上的下拉列表宽度？有什么修复方法吗？谢谢
浏览 1提问于2012-04-12得票数 1
回答已采纳
1回答
IE8 cuts项目文本中的下拉列表
asp.net、drop-down-menu
我在我的页面上使用了一个下拉用户控件。我还没有为dropdown设置宽度。Dropdown正在自动设置其宽度。但在IE 8中，对于下拉项中较长的文本，文本会被剪切。同样的下拉列表在IE7和火狐中也能完美呈现。是不是IE8的问题？
浏览 2提问于2009-09-30得票数 0
回答已采纳
1回答
IE7和IE8不会在下拉框中显示更大的内容
javascript、internet-explorer、jsp、dom
我的JSP/JSTL页面有一个下拉框，下拉框的大小是20。下拉框中的一些内容比下拉框的大小(20)更大。Firefox会自动在下拉框中显示所有较大的内容，而IE 7和IE 8则不会。因此，在IE 7和IE 8中，我可以看到直到第20位的内容(下拉框
浏览 0提问于2011-03-01得票数 1
2回答
IE 6下拉选择区域太窄
css、internet-explorer-6、drop-down-menu、cross-browser
我有一个宽度设置为142px的下拉菜单，但是当你下拉菜单时，选择区域需要更大，因为它有超过这个宽度的文本。Firefox (和大多数现代浏览器)很聪明，它扩展了选择区域以适合此文本。但是，IE 6和未选中的IE新版本不会显示此文本，并使选择区域与未单击的下拉列表保持相同的宽度。问题出在这里，我怎样才能让IE在你点击你想要
浏览 0提问于2009-12-08得票数 3
2回答
将选项附加到select，使用jQuery调整大小？
jquery、jquery-ui、internet-explorer-7、multi-select
在这个小而完整的例子中，我尝试重新创建一个双列表框UI组件。我只是希望能把物品从一个盒子搬到另一个盒子里。(如果我能增加排序，那就太好了，但我想一次会有一个障碍！)IE7中的这段代码(FF、Chrome、Opera似乎都很好)出现了问题。每当我将项目从一个列表移到另一个列表时，复选框会在每次迭代中调整大小(缩小)。我想知道我的JS是否是罪魁祸首，但通过firefox看这个似乎排除了这一点。我在这里遇到浏览器漏洞了吗？
浏览 3提问于2010-02-03得票数 6
回答已采纳
1回答
放下IE8中的输入
html、internet-explorer-8、drop-down-menu
如何使下拉列表在展开时显示一个选项的所有内容？如果下拉列表中的选项是，例如，整个句子和选择的标签宽度都很小，则IE中的用户将无法读取整个选项。在Mozilla中，情况并非如此，在展开下拉时，会显示整个内容。谢谢
浏览 2提问于2011-02-28得票数 0
27回答
IE中的下拉列表宽度
javascript、html、internet-explorer、drop-down-menu
在IE中，下拉列表的宽度与dropbox相同(我希望我说得有道理)，而在Firefox中，下拉列表的宽度会根据内容的不同而变化。是否有解决此问题的方法？如何使用CSS为dropbox和dropdownlist设置不同的</
浏览 5提问于2008-09-16得票数 92
回答已采纳
1回答
Html下拉列表和所选条目的大小不同
javascript、html、internet-explorer、drop-down-menu
我正面临一些问题，与html下拉。我想保持下拉的大小固定，但是当用户点击下拉时，列表应该显示更大的大小，这样条目就不是truncated.This了，这是fiefox的默认行为，这个问题只出现在IE中。有谁能为在IE中解决这个问题提出建议吗？
我已经尝试在onclick事件中扩展下拉列表的大小。但它会增加整个下降。(不仅仅是<e
浏览 6提问于2010-10-22得票数 3
1回答
对齐表中DropdownList和TextBox的宽度
asp.net、drop-down-menu、textbox、alignment、css-tables
我有一个包含1列的表。在此列中，有带文本框或带下拉列表的行。我现在想要的是这些控件具有相同的宽度。所以我将控件的宽度设置为100%。然而，结果是下拉列表比文本框短5-10px。在Visual Studio设计器中，所有控件的宽度都是正确的。但在Firefox、Chrome甚至IE中</
浏览 0提问于2013-03-20得票数 2
回答已采纳
1回答
带圆角的IE6收缩包装
html、css、width、internet-explorer-6
在FF和IE8中，事情看起来很好。我有一个下拉列表的模型，我试图在底部创建圆角：。在IE6中，mega div延伸到窗口的最左边。我需要更改/添加什么(例如，下划线hacks)才能获得收缩包装其内容( ul)的下拉列表。附注：我将回来询问有关阻塞下拉菜单的z-index问题(又是IE6)，但如果有人也想回答这个问题，我将不胜感激。编辑2
浏览 2提问于2009-11-07得票数 1
2回答
IE的动态宽度解决方法
jquery、internet-explorer
我有一个jQuery下拉导航，它根据列表中最长的项调整宽度。这在Firefox和Safari中工作得很好，但在IE中，由于某些原因，宽度会延伸到整个页面的长度。如果我设置一个固定的宽度，这个问题在某种程度上就解决了，但是我需要担心当列表中的项发生变化时更新宽度。
在IE中有没有一种(简单的)变通方法来指定动态改
浏览 0提问于2010-09-16得票数 2
1回答
修正从移动大小调整回缩时的响应导航条下拉问题
twitter-bootstrap
如果你看一下
显然这是Chrome和IE的问题。在FF工作得很好。
浏览 4提问于2013-11-05得票数 1
1回答
IE8最小宽度和绝对定位问题
internet-explorer-8、css-position、css
我有一个下拉菜单，谁的触发器是一个用户名，可以是可变的长度。在下拉列表中有一些按钮。当用户名很长时，为了使设计看起来很好，我在下拉菜单中设置了按钮宽度: 100%，当用户名很短时，为了让设计看起来很好，我设置了最小宽度。
除了IE8之外，所有的浏览器都能很好的工作。在这个jsfiddle中，我简化了代码，下拉菜单总是“开”的。我还做了两个版本，一
浏览 0提问于2012-08-07得票数 0
回答已采纳
1回答
Primefaces selectonemenu下拉面板问题
primefaces、width、selectonemenu
我有一个有货币列表的selectonemenu。在mozilla和IE 11中单击菜单时，下拉菜单的宽度与selectonemenu的宽度相同
但是，当我尝试在chrome中执行此操作时，面板宽度比selectone菜单小
浏览 0提问于2014-01-27得票数 0
5回答
减少HTML下拉列表的字体大小
html、css
我有下拉在我的HTML页面，它的宽度超过250 my。建议一个解决方案，这样宽度就会减少，所有选项都可以在下拉菜单中看到。注意：它应该在IE8中兼容
浏览 8提问于2015-04-01得票数 2
回答已采纳
1回答
Asp.net web应用程序与IE10兼容模式的问题
html、asp.net、css、drop-down-menu、ie-compatibility-mode
我有一个asp.net应用程序的下拉列表控制更大的宽度和垂直中心对齐文本。在返回兼容性模式按钮后，它又开始正常工作了。
由于这种情况发生在我身上，我想知道最终用户可能也会遇到这种情况，因此也会不正确地向他们显示。有没有人知道如何避
浏览 0提问于2014-01-06得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
