Question

版本：

RichFaces 4.3.5

Apache MyFaces 2.1

问题：

我们正在从富裕的面孔3到4迁移。问题是，我无法为rich：tooltip组件

设置底色

为工具提示组件设置styleClass="tooltip-text"不起作用。似乎.rf-tt-cnt内置样式需要使用背景颜色设置。但是如何将这种内置风格应用于下面的结构呢？

设置styleClass="tooltip-text rf-tt-cnt"似乎无效。请帮忙。

代码：

<h:panelGroup>
            <h:outputText id="statusId" style="cursor:hand; color:#0000F0; text-decoration:underline;" value="#{val.statusValue}" />
            <rich:tooltip target="statusId" styleClass="tooltip-text" showEvent="click" direction="bottomLeft"  followMouse="false" layout="block" >
                    <h:panelGrid columns="1">
                        <h:panelGroup>
                            <h:outputLabel value="Detail Status " rendered="#{bean.statusDescr}" />                             
                        </h:panelGroup>
                    </h:panelGrid>
            </rich:tooltip>
    </h:panelGroup>


     .tooltip-text{
         background-color:orange;
      }

Answer 1

对于工具提示中的设置背景颜色，您可以重新定义RichFaces类。在您的页面上添加以下代码（或在适当的CSS文件中设置）：

<h:outputStylesheet>
    .rf-tt-cntr {
        background-color: red;
    }
</h:outputStylesheet>

丰富：工具提示设置背景颜色

1 个答案: