我有一个下拉选择框。我想在该下拉列表中使用省略号。我有 selectOneMenu,里面有一个 selectItems。我的问题是如何在 selectItems 中使用省略号??我已经尝试过 style 和 styleClass。但它不会工作。任何帮助感谢.. 提前致谢
最佳答案
<f:selectItem>
在<h:selectOneMenu>
生成一个 HTML <option>
元素。该元素在 CSS 中具有非常严格的样式选项。唯一适用于跨浏览器的是字体颜色。对于其余部分,实际上并不多(最多背景颜色、字体粗细和文本装饰),支持取决于浏览器品牌/版本。
最好的办法是自己缩写值并附加字符 U+2026 …
.否则你需要获取一些 JSF 组件库或者甚至一些 jQuery 插件来转换 <select><option>
元素变成 <div><ul><li>
这使您可以完全自由地使用 CSS。例如 PrimeFaces 有一个 <p:selectOneMenu>
正是这样做的。
另一种方法是不使用“很长”的选项标签,或者使用 CSS(在 IE 中还有 JS)为选择元素提供固定宽度,但选项列表仍然是(默认)全宽。
关于java - 文本溢出 : ellipsis is not working in jsf selectOneMenu and also in SelectItem,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14314227/