Question

我正在尝试更改primefaces日历上的默认样式并尝试了许多解决方案，但仍然不知道如何更改它。例如，我想更改按钮图标。

这是我的.xhtml文件中的日历：

<p:calendar id="date_to"  showOn="both" value="#{WebClient.date_to}" pattern="yyyy-MM-dd HH:mm:ss"/>

这是我到目前为止尝试的解决方案，但是没有用，仍然是相同的默认日历。

不工作的解决方案1：

.ui-icon-calendar {
    background-image: url("../images/calendar.png") !important;
    background-position: center center !important;
    width: 16px;
    height: 16px;
}

不工作解决方案2（使用chrome和copy element类）

.ui-button-icon-left .ui-icon .ui-icon-calendar {
        background-image: url("../images/calendar.png") !important;
        background-position: center center !important;
        width: 16px;
        height: 16px;
    }

不工作解决方案3（发现这可能是按钮并尝试更改其背景）

.ui-datepicker-buttonpane{
    background: #00CCFF !important;
}

如果有人有一个工作示例如何更改默认值（更改按钮图标，更改颜色等），请与我分享。

更改主要日历上的样式和图标

0 个答案: