Question

我想用＆lt;更改prev和next按钮和＆gt;这个值。我在inspect element中看到 span类ui-icon ui-icon-circle-triangle-w和值是Prev 。但是我不知道在哪里改变以及如何改变它。我试过以下但没有工作。

    <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>

如何替换next和prev到＆lt;和＆gt;在datepicker

2 个答案: