2012-03-27 11 views
0

Ich benutze jquery.pttimeselect.js, um datetime Picker zu erstellen. Wie ändere ich den Hintergrund? Das CSS, das ich habe, ist jquery.pttimeselect.css, aber was auch immer ich mache, der Hintergrund ändert sich nicht. Die CSS ist korrekt verknüpft. Wie ändere ich die Hintergrundfarbe?Change datetime picker Hintergrundfarbe

+1

Verwenden Sie einen Dom Inspector, um herauszufinden, warum. Der integrierte Inspektor von Firebug und FF wird Ihnen genau sagen, welche Stile auf ein Element angewendet werden und woher die Regeln stammen. –

+0

@MarcB Ich habe GoogleChrome. –

+1

Chrome hat es eingebaut. Drücke F12. – j08691

Antwort

0

Das css wan't korrekt verbunden.

0

beginnen, indem sie die innersten Elemente zu finden (in der Regel DIVs) mit diesen Klassen:

.ui-widget 
.ui-widget-content 

Stellen Sie den Hintergrund (nicht background-color) Eigenschaft auf die Farbe Ihrer Wahl, und sehen, was passiert. Wenn der Hintergrund nicht geändert wird, gehen Sie ein Elternteil DIV/Element nach oben und versuchen Sie weiter, bis Sie sehen, was Sie wollen. Zum Beispiel wurde der Hintergrund der Demo von Probe1.html (aus dem Download von ptTimeSelect) geändert, indem nur zwei Regeln geändert wurden.

#ptTimeSelectCntr .ui-widget{ 
    padding: .2em; 
    background:#900; 
} 

#ptTimeSelectCntr .ui-widget-content { 
    margin-top: .1em; 
    margin-bottom: .1em; 
    padding: .2em;  
    background:#900; 
} 

Hoffe, das hilft.