ATENCIÓN AL CLIENTE: +34 923 199 148

Reglas de hojas de estilos específicas para Firefox

En algunos casos vamos a necesitar ajustar propiedades de las reglas de las hojas de estilos para diferentes navegadores ya que no serán interpretadas de igual forma.

En este ejemplo vamos a ver cómo especificar una regla css para Firefox (en todas sus versiones). Supongamos que queremos aplicar un margen a un elemento diferente para Firefox y el resto de navegadores.

Para ello, usaremos una regla genérica con la siguiente implementación:

/*Regla genérica*/
#capa_ejemplo
{
    margin-left:20px;
}

/*Regla específica para Firefox*/
@-moz-document url-prefix()
{
    #capa_ejemplo
    {
          Margin-left: 30px;
    }
}

De esta forma, en Firefox se aplicará un margen por la izquierda de 30px y en el resto de navegadores el margen aplicado será de 20px.
Este tipo de reglas es muy práctico cuando necesitamos garantizar que una web tenga un aspecto idéntico en diferentes navegadores.

Contenido relacionado