Image <；p：选择一个按钮>；带图像
我正在使用JSF和Primefaces，我想使用一个按钮集的radiobutton只与图像，但我不能让它工作 代码如下：Image <；p：选择一个按钮>；带图像,image,jsf,primefaces,html-escape,selectonebutton,Image,Jsf,Primefaces,Html Escape,Selectonebutton,我正在使用JSF和Primefaces，我想使用一个按钮集的radiobutton只与图像，但我不能让它工作 代码如下： 我尝试使用“escape”、“escapeItem”甚至“ItemEscape”属性转义字符。 我读到了上一篇文章。该问题的解决方案使用的是，而不是 注意：我知道它使用jQueryUIbuttonset（）方法工作（Primefaces在后台使用它），所以它不是脚本问题 那么，是否可以用实现这一点 谢谢 事实上，的呈现程序不考虑标签中的任何HTML。您最好将其设置为CSS
buttonset（）谢谢 事实上，
<p:selectOneButton ... styleClass="buttons">
$(".buttons .ui-button:eq(0)").css("background", "url('resources/img/myImg1.png') no-repeat");
$(".buttons .ui-button:eq(1)").css("background", "url('resources/img/myImg2.png') no-repeat");
与具体问题无关，您使用资源
库的方式并不完全正确。仔细阅读以了解更多信息。我只想使用令人敬畏的字体图标。这可以通过设置font-family:FontAwesome
并使用以下代码来实现：
只是一个想法。。。将图像嵌套在
标记中如何？像
@SJuan76一样，图像在按钮组或您使用的任何容器之外呈现，按钮都是空的，因为没有文本填充它们（它们在源代码中是
）：（@SJuan76:那根本不行。我在一周前搜索这篇文章时读了你写的帖子，非常好，谢谢。我在代码中使用这个库只是为了让它工作。关于CSS解决方案，覆盖背景图像会使按钮……嗯……不再像按钮了xD只是可点击的图像。我应该坚持使用jQuery UI buttonset..也许？嗯？这不正是你想要的吗？如果你不想要可点击的图像，那么你到底想要什么？我想要带有按钮样式的单选按钮（功能）（圆角、鼠标上方突出显示等）但是使用图像作为内容而不是文本。覆盖CSS时，我跳过了ui按钮的外观，得到了平面图像：/I我看到了你的意思。好吧，我认为除了使用jQuery通过插入所需的
元素来代替按钮文本来操作HTML DOM之外，没有其他方法了。
<p:selectOneButton value="#{mybean.alignment}" style="font-family: FontAwesome;">
<f:selectItem itemValue="align-left" itemLabel=""/>
<f:selectItem itemValue="align-center" itemLabel=""/>
<f:selectItem itemValue="align-right" itemLabel=""/>
</p:selectOneButton>