gpt4 book ai didi

css - 如何使用图像和按钮标签实现 JSF 按钮

转载 作者:行者123 更新时间:2023-12-02 05:33:32 26 4
gpt4 key购买 nike

我想实现带有图像和自定义标签的 JSF 按钮。我测试了这段代码:

<h:commandButton id="savesettings" styleClass="avesettings" value=" Save Settings " action="#{GeneralController.updateDBSettings}" rendered="true" update="growl">
<f:ajax render="@form" execute="@form"></f:ajax>
</h:commandButton>

.avesettings {
background-image: url('../images/small.png');
}

这是结果:

enter image description here

我还测试了第二个代码:

<h:commandButton id="savesettings" image="resources/images/first.png" value=" Save Settings " action="#{GeneralController.updateDBSettings}" rendered="true" update="growl">
<f:ajax render="@form" execute="@form"></f:ajax>
</h:commandButton>

我得到这个没有标签的结果:

enter image description here

你能帮我创建带有背景图像和定义为按钮属性的自定义标签的 JSF 按钮吗?

最佳答案

您使用的第一种方法 styleClass="avesettings" 即,使用 CSS 样式是唯一可能的方法,因为如果您指定图像属性,输入元素将变成图像.

另见 documentation

所以最好的办法是对按钮使用高级样式技术,请参阅以下文章:

关于css - 如何使用图像和按钮标签实现 JSF 按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12026900/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com