2015-03-23 10 views
5

Questa sembra essere una domanda comune ma ho provato molte risposte ma nessuna ha funzionato per me.jquery UI datepicker sfondo trasparente

Sto usando jquery UI datepicker. Qualcosa sembra essere sbagliato. Questo è come lo vedo io.

enter image description here

Ho incluso il mio file in seguito

  • jquery-ui.min.js 1.11.2.min.js jquery-(versione 1.11.4)
  • jquery-ui.min.css (versione 1.11.4)

Inoltre ho provato il seguito css, ma non ha funzionato.

.ui-datepicker { 
    background: #fff !important; 
    z-index: 10000; 
} 

Come si fa a sembrare normale?

+0

È l'unico CSS che hai? – j08691

+0

Sì, questo è sbagliato ... qual è l'ordine in cui carichi js, il css? –

+0

@ZivWeissman: 'jquery-ui.min.css' -> head tag. gli altri due sono alla fine del tag del corpo. – Fergoso

risposta

6

Ho messo su un violino con il tema di fondo DatePicker e uno sfondo colorato (o trasparente se lo si desidera): http://jsfiddle.net/uscmr3xo/3/

.ui-datepicker { 
    /*background: transparent;*/ 
    background: blue; 
} 

Si è scoperto "background" fa la magia, mentre "background-color" non lo fa. Per alcuni motivi non esiste BG trasparente in jquery-ui ThemeRoller (http://jqueryui.com/themeroller/). Ma se si desidera utilizzare diversi colori/stili di stile, si prega di utilizzare lo strumento. Fai attenzione a personalizzare i CSS per sovrascrivere gli stili jquery-ui predefiniti.