丰富：分隔符 CSS 替换答案

【问题标题】：rich:separator CSS replacement丰富：分隔符 CSS 替换
【发布时间】：2014-07-07 14:15:58
【问题描述】：

版本：

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;
}

【问题讨论】：

标签： jsf-2 richfaces

【解决方案1】：

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

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

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

【讨论】：

非常感谢。我会尝试并回来。