选择具有固定宽度的下拉列表，以截取IE中的内容
问题：
选择项中的某些项需要大于指定的145px宽度才能完整显示。
Firefox行为 ：单击选择将显示下拉列表，将其调整为最长元素的宽度。
IE6和IE7行为 ：单击选择将显示下拉元素列表，其宽度限制为145px，从而无法读取较长的元素。
当前的用户界面要求我们将下拉菜单设置为145px，并让其托管带有较长说明的项目。
有关解决IE问题的任何建议？
即使展开列表，顶部元素也应保持145px宽。
谢谢！
CSS：
select.center_pull {
background:#eeeeee none repeat scroll 0 0;
border:1px solid #7E7E7E;
color:#333333;
font-size:12px;
margin-bottom:4px;
margin-right:4px;
margin-top:4px;
width:145px;
}
这是选择输入代码（目前尚无backend_dropbox样式的定义）
<select id="select_1" class="center_pull backend_dropbox" name="select_1">
<option value="-1" selected="selected">Browse options</option>
<option value="-1">------------------------------------</option>
<option value="224">Option 1</option>
<option value="234">Longer title for option 2</option>
<option value="242">Very long and extensively descriptive title for option 3</option>
</select>
完整的html页面，以备您在浏览器中快速测试时使用：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>dropdown test</title>
<style type="text/css">
<!--
select.center_pull {
background:#eeeeee none repeat scroll 0 0;
border:1px solid #7E7E7E;
color:#333333;
font-size:12px;
margin-bottom:4px;
margin-right:4px;
margin-top:4px;
width:145px;
}
-->
</style>
</head>
<body>
<p>Select width test</p>
<form id="form1" name="form1" method="post" action="">
<select id="select_1" class="center_pull backend_dropbox" name="select_1">
<option value="-1" selected="selected">Browse options</option>
<option value="-1">------------------------------------</option>
<option value="224">Option 1</option>
<option value="234">Longer title for option 2</option>
<option value="242">Very long and extensively descriptive title for option 3</option>
</select>
</form>
</body>
</html>
问题答案：
对于IE 8，有一个简单的基于CSS的简单解决方案：
select:focus {
width: auto;
position: relative;
}
（如果选择框是具有固定宽度的容器的子级，则需要设置position属性。）
不幸的是，IE 7及更低版本不支持：focus选择器。
-
问题内容： 在IE中，下拉列表的宽度与下拉框相同（我希望我有道理），而在Firefox中，下拉列表的宽度根据内容而有所不同。 这基本上意味着我必须确保该保管箱足够宽，以显示可能的最长选择。这使我的页面看起来非常难看:( 有没有解决此问题的方法？如何使用CSS为Dropbox和dropdownlist设置不同的宽度？ 问题答案： 这是另一个基于jQuery的示例。与此处发布的所有其他答案相反，它考虑
-
问题内容： 有人可以确认其 不 能够改变，当你点击一个选择框，显示一个下拉的高度。 select的size属性使其看起来像一个列表，CSS中的height属性也没有太大用。 问题答案： 已确认。 下拉部分设置为： 显示所有条目所需的高度，或者 需要显示的高度项（带有滚动条来查看剩余），其中是 在Firefox和Chrome中为20 在IE 6、7、8中为30 Opera 10为16 Opera 1
-
我是硒的新手，我试图从下拉列表中选择一个选项。下拉列表的超文本标记语言如下： WebElement的是： 我已经尝试了几乎所有的方法，我可以在互联网上找到，但没有任何效果。我试图使用类，包装了，但它抛出了一个异常。 我试图丢失列表中的所有选项，但在这种情况下得到了异常应该有标签，但它有。我需要使用作为findelements的标识符。 请帮我解决这个问题。
-
我做了一个表头和列固定的表。但这里我已经指定了我不想要的头/体的宽度。我用引导类col-md-6(50%宽度）将整个表放在一个div中。但是除非我为thead和tbody硬编码样式，否则它是不起作用的。我希望thead和tbody取父div的宽度。但如果没有指定像素或百分比,则会占用屏幕的全宽。这是我的代码 null null 所有我想要的是使表的响应，而不是像静态400px或50%或类似的东西。
-
问题内容： 通常，我使用它来返回所选选项的值，但这一次它不起作用。所选标签的ID HTML代码 问题答案： 对于下拉选项，您可能想要这样的东西： 之所以不能解决问题，是因为单击选项不会更改下拉菜单的值，它只是将属性添加到作为下拉菜单的 子 项的所选选项中。
-
问题内容： 我有一个列表框，我想减小其宽度。 这是我的代码： 此代码在IE 6上有效，但在Mozilla Firefox（最新版本）中无效。有人可以告诉我如何减少Firefox上的下拉列表吗？ 问题答案： 试试这个代码： CSS： 如果要更改选项的宽度，可以在CSS中执行以下操作： 也许您的CSS规则中有一个冲突，该冲突覆盖了您选择的宽度