如何更改XPages中的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; 
}