Primefaces:如何更改日历字段按钮上的默认图标
Primefaces: how to change the default icon on the button of the calendar field?
在Primefaces中,如何更改日历字段按钮使用的图标?
例如,在以下字段中
<p:calendar value="#{calendarBean.date3}" id="popupButtonCal" showOn="button" />
我想将图标更改为http://forum.primefaces.org/images/smilies/icon_e_wink.gif.
我看过文档,但找不到它的属性。
更新:
我尝试了以下方法,部分成功:
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']});
}
问题:
我现在确实看到了
p:commandButton
按钮上的图像。但是,我收到了警告信息:Apr 03, 2012 10:43:58 AM com.sun.faces.application.resource.ResourceHandlerImpl logMissingResource WARNING: JSF1064: Unable to find or serve resource, images/country_flag.gif.jsf.
我在
p:calendar
上找不到应该覆盖的css样式,以便更改日历按钮上的图像。
尝试这个
.ui-icon-calendar {
background-image: <your URL> !important;
background-position: center center !important;
width: 16px;
height: 16px;
}
相关文章:
- 用嵌套函数和默认函数定义函数
- Javascript更改图标
- 如何使用铁流星与流星的默认路线
- 防止Alt+Shift默认操作或检测多种操作系统语言的Javascript
- 单击更改图标并通过javascript添加一个css类
- CKeditor:更改对话框中的默认选择选项
- 在不阻止默认行为的情况下检测IE10中的缩放
- 将默认图标更改为MarkerWithLabel
- 隐藏添加此共享工具默认图标
- Primefaces:如何更改日历字段按钮上的默认图标
- 更改路线中标记的默认图标
- 有没有办法替换尚未加载的默认图像浏览器图标
- Javascript/CSS/HTML5-获取默认应用程序图标
- 复选框默认图标不会使用 jQuery 更新
- 自定义下拉图标代替默认箭头
- 如何更改传单指令上的默认图标引脚
- 谷歌地图-默认引脚仍然显示和模糊自定义图标
- 谷歌地图-自定义标记图标出现在默认图标下
- 离子菜单,如何避免默认添加导航图标的隐藏类
- JQuery对话框-添加和ID默认关闭链接("X"图标)