text-overflow：省略号在jsf selectOneMenu和SelectItem中都不起作用

Question

我有一个下拉选择框。我想在下拉列表中使用省略号。我有selectOneMenu，里面有一个selectItems。我的问题是如何在selectItems中使用省略号？我已经尝试过style和styleClass。但它不会起作用。任何帮助欣赏.. 在此先感谢

Answer 1

<f:selectItem>中的<h:selectOneMenu>生成HTML <option>元素。该元素在CSS中具有非常严格的样式选项。唯一适用于crossbrowser的是字体颜色。对于剩下的，并没有太多（最多背景颜色，字体粗细和文本修饰），支持取决于浏览器品牌/版本。

您最好的选择是自己缩写价值并追加角色U+2026 …。否则你需要获取一些JSF组件库甚至一些jQuery插件，它将<select><option>元素转换为<div><ul><li>，这样可以让你获得完全的CSS自由。例如，PrimeFaces有一个<p:selectOneMenu>就可以了。

另一种方法是不使用“非常长”的选项标签，或者使用CSS（在IE中也使用JS）为select元素赋予固定宽度，但选项列表仍然是（默认）全宽。 / p>