rich：分隔符CSS替换

Question

版本：

Aapche MyFaces 2.1.14

RichFaces 4.3.5

问题：

我们正在从JSF 1.2迁移到JSF 2。 问题是如何迁移<rich:separator>标记，如下面的代码所示？ 我可以使用CSS代码迁移<rich:spacer>，如下所示。

但是<rich:separator>的问题是lineType属性，它改变了线条的样式，如实线，点缀等。

代码：

<rich:separator height="1" width="100%" rendered ="#{bean.someCondition}" lineType="dotted"/>   


<!-- rich:spacer css replacement  -->

.divider{
    margin:5px;
}

Answer 1

如果你看代码，分隔符就是一个带有特定背景图像的简单div，所以你可以这样做。

你也可以用CSS做点缀/虚线分隔符：

.dotted {
    border-bottom: 2px dotted black;
}