爲datepicker禁用手動輸入沒有阻止鼠標光標

Question

我正在使用jquery ui datepicker爲我的文本框，並將它們標記爲只讀以防止手動輸入（如建議here）。我仍然遇到的問題是，當用戶將鼠標移到文本框上時，光標將變爲阻塞的光標圖像。這給用戶留下了一個印象，他無法對該領域做任何事情。雖然如果他繼續點擊它，他會得到日期選擇器並可以選擇一個日期。我的問題是：有沒有一種方法來優雅地處理這一點，而無需編寫鼠標光標的所有操作代碼。

Answer 1

例如，通過使用css遊標屬性。您可以將其更改爲您喜歡的光標。

我爲我的日期選擇字段：

.form-control.datepicker { 
    &[disabled], &[readonly] { 
    cursor: pointer; 
    background-color: #ffffff; 
} 

有了這個，你將光標更改爲指針，並保持背景顏色爲白色，而輸入被禁用或只讀。