如何在XPage中更改dojodatetimetextbox图标

Question

我尝试用新的One替换Dojo DateTimeBox图标。 CSS不起作用。 我使用那个CSS代码但它不起作用:(

  .dijitDateTextBox .dijitArrowButton .dijitArrowButtonInner 
    {
       background-image: url('calendar_32x32.png') !important;
    }



<xp:inputText id="eDate" value="#{document1.eDate}"  dojoType="dijit/form/DateTextBox">
    <xp:dateTimeHelper id="dateTimeHelper1">
    </xp:dateTimeHelper>
    <xp:this.converter>
    <xp:convertDateTime type="date" dateStyle="short">
    </xp:convertDateTime>
    </xp:this.converter>
    </xp:inputText>

Answer 1

如果您在dijitArrowButton课程中设置背景图片，则可能会获得更好的结果。

你的CSS代码是：

  .dijitDateTextBox .dijitArrowButton .dijitArrowButtonInner 
    {
       background-image: none !important;
    }

 .dijitDateTextBox .dijitArrowButton {
    background-image: url('calendar_32x32.png') !important;
    background-repeat: no-repeat;
    background-position: center;
 }