如何更改下拉列表的宽度？
我有一个列表框，我想减小其宽度。
这是我的代码：
<select name="wgtmsr" id="wgtmsr" style="width: 50px;">
<option value="kg">Kg</option>
<option value="gm">Gm</option>
<option value="pound">Pound</option>
<option value="MetricTon">Metric ton</option>
<option value="litre">Litre</option>
<option value="ounce">Ounce</option>
</select>
此代码在IE 6上有效，但在Mozilla Firefox（最新版本）中无效。有人可以告诉我如何减少widthFirefox上的下拉列表吗？
问题答案：
试试这个代码：
<select name="wgtmsr" id="wgtmsr">
<option value="kg">Kg</option>
<option value="gm">Gm</option>
<option value="pound">Pound</option>
<option value="MetricTon">Metric ton</option>
<option value="litre">Litre</option>
<option value="ounce">Ounce</option>
</select>
CSS：
#wgtmsr{
width:150px;
}
如果要更改选项的宽度，可以在CSS中执行以下操作：
#wgtmsr option{
width:150px;
}
也许您的CSS规则中有一个冲突，该冲突覆盖了您选择的宽度
-
问题内容： 我有一个包含单个字母值列表的可编辑文件。因此，组合框非常小。 每个字母都有特殊的含义，在很少使用的字母的情况下，有时对用户来说并不清楚。因此，我创建了一个自定义，该自定义显示了下拉列表中每个字母的含义。 不幸的是，此解释不适合下拉菜单，因为它太小了，因为它的宽度与组合框相同。 有什么方法可以使下拉列表比组合框更宽？ 这是我要实现的目标： 我无法更改组合框的宽度，因为该应用程序是对旧的旧
-
问题内容： 我有一个下拉列表，列出了字体系列。像Tahoma，Arial，Verdana等。我想根据其代表的值更改每个下拉项的字体系列。就像Photoshop一样。 我更改了每个下拉项的CSS，但仅适用于FireFox。它不能在任何其他浏览器上使用。 我不想使用任何jQuery插件。 问题答案： 这是因为子元素（）并非真正可样式化，而Firefox似乎是唯一忽略规范那部分的浏览器。 解决方法是将您
-
问题内容： 我正在JSP中创建一个页面，其中有一个下拉列表，一旦用户选择了一个值，他就必须单击go按钮，然后将该值发送到Servlet。 我该如何做才能在变更时做到呢？例如，当用户选择John时，将从数据库中检索出他的所有详细信息并显示出来。我希望系统无需单击“执行”按钮即可执行此操作。 问题答案： 只需询问JavaScript的帮助。
-
问题内容： 在IE中，下拉列表的宽度与下拉框相同（我希望我有道理），而在Firefox中，下拉列表的宽度根据内容而有所不同。 这基本上意味着我必须确保该保管箱足够宽，以显示可能的最长选择。这使我的页面看起来非常难看:( 有没有解决此问题的方法？如何使用CSS为Dropbox和dropdownlist设置不同的宽度？ 问题答案： 这是另一个基于jQuery的示例。与此处发布的所有其他答案相反，它考虑
-
是的，所以我不知道我在做什么。哈。 我想改变select2的未打开的下拉菜单的颜色(也许还有边上的按钮)，但是寻找解决方案只是设法阻碍了我 这样可以更改选项（这很好！）但并不是我想要的100%。 有没有改变下拉初始状态颜色的类
-
问题内容： 我有一个带有已知值的下拉列表。我想做的是使用 jQuery 将下拉列表设置为一个我知道存在的特定值。使用常规 JavaScript，我将执行以下操作： 但是，我需要使用 jQuery 来完成此操作，因为我为选择器使用了 CSS类愚蠢的[ASP.NET客户端ID …）。 这是我尝试过的一些方法： 如何使用 jQuery ？ 更新资料 事实证明，我第一次做对了： 当我在上面放置一个警报时，