文本溢出：省略號在jsf selectOneMenu和SelectItem中均不起作用

Question

我有一個下拉選擇框。 我想在該下拉列表中使用省略號。 我有selectOneMenu和里面我有一個selectItems。 我的問題是如何在selectItems中使用省略號？ 我已經嘗試過style和styleClass了。 但它行不通。 任何幫助表示贊賞。

Answer 1

<h:selectOneMenu>的<f:selectItem>生成HTML <option>元素。 該元素在CSS中具有非常嚴格的樣式選項。 跨瀏覽器唯一有效的是字體顏色。 對於其余的內容（實際上最多不是背景顏色，字體粗細和文本修飾），它的支持並不取決於瀏覽器的版本。

最好的選擇是自己縮寫該值並附加字符U + 2026 … 。 否則，您需要獲取一些JSF組件庫，甚至是一些jQuery插件，它將一個<select><option>元素轉換為一個<div><ul><li> ，從而使您擁有完全的CSS自由度。 例如，PrimeFaces有一個<p:selectOneMenu>可以做到這一點。

另一種選擇是不使用“非常長”的選項標簽，或者使用CSS（在IE中也使用JS）為select元素提供固定的寬度，但選項列表仍為（默認）全角。