2012-10-12 10 views
26

Estoy usando un complemento de cuadro de luz jQuery en un sitio de arranque. Tiene box-sizing: border-box establecido a través del selector universal.Eliminación de la propiedad heredada de un elemento (tamaño de caja)

* { 
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    box-sizing: border-box; 
} 

La caja de luz div no aparece correctamente debido a esto (a veces aparece una barra de desplazamiento vertical). Una vez que eliminamos esto a través del inspector web, aparece bien. ¿Hay alguna forma de eliminar la propiedad de tamaño de caja de este elemento en particular? box-sizing:'' o box-sizing:none parece que no funciona.

Respuesta

46

El box-sizingmsdn, mdn CSS por defecto es propiedad box-sizing: content-box;. ¿Ha intentado usarlo para anular el estilo heredado?

+1

Gracias por el puntero. Tuve que aplicarlo a algunos elementos secundarios más y funcionó. –

+1

¡Gracias! Esto me ayudó en el nuevo Bootstrap 3, permitiéndome integrar Bootstrap con un sitio existente (que no sea Bootstrap). –

+1

@GokulKav estoy enfrentando el mismo problema ¿qué más cambios hiciste? pueden ser útiles para mí –

-4

anulación de esta manera:

* { 
box-sizing: border-box!important; 
} 
+0

Quise eliminar border-box. no agregue importancia a border-box. –

4

He tenido un problema similar con arranque y lo hice reemplazar la propiedad CSS cuadro de dimensionamiento para <a> como este,

a *, 
a *:before, 
a *:after { 
    -webkit-box-sizing: content-box !important; 
    -moz-box-sizing: content-box !important; 
    box-sizing: content-box !important; 
} 

personalizarlo para sus necesidades.

6

puede utilizar

*:not(.classname){ 
    box-sizing : border-box; 
} 

classname va a ser la clase de elemento que desea excluir del selector universal.

Cuestiones relacionadas