2011-12-19 13 views
5

Ho creato un css globale che ho usato in due pagine (ricerca di base e pagina di ricerca avanzata). Lo uso nella pagina di ricerca avanzata e lo script css sta funzionando bene. Ma quando mi muovo alla pagina di ricerca di base (facendo clic su un collegamento), il css non funziona. Ho usato firebug per vedere cosa succede, e poi ho scoperto che lo script CSS è tangibile. css strike-through Come posso risolverlo?Firebug CSS strike-through

risposta

9

Ciò significa che la proprietà CSS viene sovrascritta da un altro CSS.

Vedere dove è definita la proprietà e probabilmente sarà necessario correggere l'ordine dell'inclusione CSS nella propria pagina Web.

+0

vuoi dire che 'input.range' è usato da un altro CSS,.? – Praditha

+2

Forse, o un altro selettore che corrisponde allo stesso input, come la classe o l'ID. La proprietà che hai definito è "width", se guardi la tua finestra firebug, c'è una proprietà "width" definita sopra, con 180px. Dovresti essere in grado di capire da dove viene. – pcalcao

+0

grazie per il tuo indizio, ora funziona bene, ho disabilitato la regola che sovrasta la regola 'input.range'. Grazie :) – Praditha

10

Se si desidera eseguire l'override del css da qui significa, tutto ciò che si deve fare è impostare !important sul proprio css.

come input.range{ width:73px !important}

Spero che vi aiuterà.

+0

Non capisco, ho seguito le tue istruzioni, ho cambiato la mia regola in 'input.range { \t larghezza: 73px importante! } 'ma non funziona ancora :( – Praditha

+3

È'! Importante' non 'importante!'. –

+0

Ah! Sì. Mi dispiace che sia! Importante .. Grazie Peter O. – Jak

0

La regola width: 73px; è sovrascritta. Come vedete, lo input.range è definito in cramp.css. Sopra devi trovare una regola che la sovrascriva.