有没有办法修复下拉列表的宽度？

Question

这是我得到的:

<select id="box1">
   <option>ABCDEFG</option>
</select>  

<select id="box2">
   <option>ABCDEFGHIJKLMNO</option>
</select>

我有2个不同的下拉列表.由于下拉列表的宽度取决于选项中最长文本的宽度,因此最终得到2个具有2个不同宽度的下拉列表.这使我的网页看起来很傻.

我想要的是设置它,以便我的两个下拉列表具有相同的宽度(我更喜欢宽度非常长,所以即使最长的项目也不会被截断).

Answer 1

长度指的是可见的选项数量？如果是这样的话size.这是文档.如果你的意思是任何不同,请告诉我.

编辑后: 设置选择的宽度.但是设置宽度以仅显示特定长度是很困难的. 第二次编辑: 你不能用CSS做到这一点,你必须使用javascript.在选择的每次更改时,您必须查看两个元素中的哪个具有最大宽度并将其设置为相同.

Answer 2

您可以使用 CSS 来设置元素的宽度<select>，但是\xe2\x80\x99 很难让宽度精确匹配给定数量的字符。

\n\n

为什么要剪切选项\xe2\x80\x99s 文本？

\n