2016-04-06 4 views
0

Ich möchte prev und nächsten Knopf mit < und> diesen Wert zu ändern.Ich sehe die Spannungsklasse UI-Symbol UI-Symbol-Kreis-Dreieck-w und Wert ist Prev in inspect Element.aber ich nicht nicht, wo zu ändern und wie es zu ändern.Ich habe versucht, aber nicht funktioniert.Wie zu ersetzen next und prev zu < and > in datepicker

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

enthalten Ihre picker in einer benutzerdefinierten ID oder Klasse, dann den Hintergrund für die Klasse .ui-Symbol ändern: # my-Kalender-ID .ui-Datepicker-next .ui-Symbol {background: URL ('mein_Bild'); } – Sumanta736

+0

Entschuldigung für einen Fehler beim Hochladen von Code. – zarana

Antwort

0

Geben Sie Ihrem Datepicker-Element Ihre eigene Klasse oder ID. Und ändern Sie die nächste und vorherige Schaltfläche wie folgt, indem Sie das Standard-CSS des Datumsauswahldialogs überschreiben.

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

Es funktioniert nicht – zarana

+0

Zeigen Sie Ihren vollständigen HTML-Code. –

+0

zarana

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

seine Arbeit aber nächste und prevs wird auch gezeigt. – zarana

Verwandte Themen