nextとprevをdatepickerで< and >に変更する

Question

<で前と次のボタンを変更したい>この値。スパンクラスのui-icon ui-icon-circle-triangle-wと値がPrevです in inspect element.but私は変更する場所と変更方法はありません。私は次のように試みましたが、動作しませんでした。

<style> 
    .ui-datepicker .ui-datepicker-prev .ui-icon{ 
      background: url("../../../Documents/ic_navigate_next_48px-128.png") ; 
} 

     .ui-datepicker .ui-datepicker-next .ui-icon{ 
      background: url("../../../Documents/ic_navigate_next_48px-128.png") ; 
      right: 2px; 
     }  
    </style> 

Answer 1

あなたのdatepicker要素に独自のクラスまたはIDを付けます。また、次と前のボタンを変更するには、datepickerダイアログのデフォルトのCSSを上書きします。

<style> 
    .yourClass.ui-datepicker .ui-datepicker-prev .ui-icon{ 
      /* Your code here */  
     } 

     /* OR */ 

     #yourID.ui-datepicker .ui-datepicker-prev .ui-icon{ 
      /* Your code here */  
     } 
</style> 

Answer 2

<style> 
.ui-datepicker .ui-datepicker-prev .ui-icon { background-image:none !important; } 

.ui-datepicker .ui-datepicker-next .ui-icon { background-image:none !important; } 

.ui-datepicker .ui-datepicker-prev .ui-icon:before { content:"<"; } 

.ui-datepicker .ui-datepicker-next .ui-icon:before { content:">"; }  
</style>