gpt4 book ai didi

javascript - Primefaces:如何更改日历字段按钮上的默认图标?

转载 作者:行者123 更新时间:2023-11-29 10:21:53 25 4
gpt4 key购买 nike

在 Primefaces 中,如何更改日历字段按钮所使用的图标?

例如,在下面的字段中

<p:calendar value="#{calendarBean.date3}" id="popupButtonCal" showOn="button" />

我想把图标改成http://forum.primefaces.org/images/smilies/icon_e_wink.gif .

我看过 documentation ,但我找不到它的属性。

更新:

我尝试了以下方法,并取得了部分成功:

JSF:

<p:commandButton id="modalDialogButton" value="" onclick="dlg2.show();" type="button" icon="ui-calendar"/>

CSS:

.ui-widget .ui-calendar {

background-image: url(#{resource['images:country_flag.gif']});
}

问题:

  1. 我现在确实在 p:commandButton 按钮上看到了图像。但是,我收到警告消息:

    2012 年 4 月 3 日上午 10:43:58 com.sun.faces.application.resource.ResourceHandlerImpl logMissingResource
    警告:JSF1064:无法找到或提供资源 images/country_flag.gif.jsf。

  2. 我在 p:calendar 上找不到我应该覆盖以更改日历按钮上的图像的 css 样式。

最佳答案

试试这个

.ui-icon-calendar {
background-image: <your URL> !important;
background-position: center center !important;
width: 16px;
height: 16px;
}

关于javascript - Primefaces:如何更改日历字段按钮上的默认图标?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9981076/

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