我有一个下拉选择框。我想在下拉列表中使用省略号。我有selectOneMenu,里面有一个selectItems。我的问题是如何在selectItems中使用省略号?我已经尝试过style和styleClass。但它不会起作用。任何帮助欣赏.. 在此先感谢
答案 0 :(得分: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>