jquery - 如何限制html下拉选项列表的宽度

Question

我想通过给出来限制 html drpodown 选项列表的宽度 text-overflow:ellipsis 如下所示:

+------------------+
| Please Select    |
+------------------+
| Long Descrip.... |
| Short Descr      |
| Long Descrip.... |
+------------------+

我试过给

select option{max-width: 100px;text-overflow:ellipsis}

只有下拉菜单的宽度变小了，选项的宽度没有变小。我可能缺少执行此操作的基本属性。但我想不通。任何人都可以对此提出建议..

Answer 1

下拉选项面板本身的宽度由浏览器 chrome 控制，因此不受 javascript 的影响。

如果您需要更改下拉列表的外观，您需要使用一个插件将select 元素转换为可控制的HTML 元素，例如Select2。