2011-12-19 17 views
5

He hecho un CSS global que utilicé en dos páginas (búsqueda básica y página de búsqueda avanzada). Lo uso en la página de búsqueda avanzada, y el script css está funcionando bien. Pero cuando me muevo a la página de búsqueda básica (haciendo clic en un enlace), el CSS no funciona. Usé firebug para ver qué sucedía, y luego descubrí que el script css es tachado. css strike-through ¿Cómo puedo resolverlo,.?Firebug CSS tachado

Respuesta

9

Eso significa básicamente que su propiedad CSS está siendo anulado por otro CSS.

ver donde se define que la propiedad, y probablemente tendrá que fijar el orden de la inclusión de CSS en su página web.

+0

¿quiere decir que 'input.range' es utilizado por otro CSS,.? – Praditha

+2

Tal vez, u otro selector que coincida con la misma entrada, como la clase o ID. La propiedad que definiste es "ancho", si miras la ventana de Firebug, hay una propiedad de "ancho" definida arriba, con 180px. Deberías poder averiguar de dónde viene. – pcalcao

+0

gracias por su pista, ahora funciona bien, he deshabilitado la regla que reemplaza a la regla 'input.range'. Gracias :) – Praditha

10

Si desea anular el css de aquí quiere decir, todo lo que tiene que hacer es configurar !important a su css.

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

espero que le ayudará.

+0

No entiendo, he seguido sus instrucciones, yo cambio mi regla de 'input.range { \t Ancho: 73px importante! } 'pero todavía no funciona :( – Praditha

+3

Es'! 'No important' importante!'. –

+0

Ah! Sí. Siento que es! .. Gracias importante Peter O. – Jak

0

La regla width: 73px; se anulará. Como puede ver, el input.range se define en cramp.css. Arriba debe encontrar una regla que lo anule.