Question

我想为工具提示创建自定义外观。

<h:outputText value="blarg" title="tooltip">

请不要告诉我使用rich：工具提示，因为我已经尝试了，并且它们有一个错误，它延伸到数据表之后。所以我想知道是否可以实际设置jsf的outputText工具提示样式。

如果你知道怎么做，请给我指点。

谢谢。祝你有个美好的一天。

Answer 1

您无法使用普通的HTML / CSS设置工具提示的样式。你真的需要这样的JavaScript，它遍历HTML DOM树并将每个title属性“转换”为隐藏的幻想<div>，在onmouseover期间显示。

由于RichFaces已经附带了jQuery，因此应该可以获取一个jQuery插件。例如，qTip plugin。

请不要告诉我使用<rich:tooltip>，因为我已经尝试过它们有一个错误，它超出了数据表。

技术上应该是微调与<rich:tooltip>相关联的CSS。

Answer 2

你可以这样做。

使用Primefaces的<p:tooltip/>。

查看：

<h:panelGrid columns="2" cellpadding="10">
    <h:outputLink styleClass="outputText" id="fades" value="#">
       <h:outputText value="Your text"/>
    </h:outputLink>
    <p:tooltip id="toolTipFades" for="fades" value="The text for tooltip"/>
</h:panelGrid>

的CSS：

.outputText{
 cursor: default!important;
 text-decoration: none!important;
 }

使用此代码，您可以使用工具提示模拟<h:outputText />并使用; D

JSF / Styling h：outputText工具提示

2 个答案: