¿Cómo anular el CSS de un sitio en Firefox con userContent.css?

En Mozilla Firefox, quiero crear userContent.cssque anule el CSS de un sitio.

¿Dónde debo crear el archivo?

¿Podría describirlo basado en Windows 7?

firefox css

— Rauf
fuente

Respuestas:

111

Abra Firefox y presione Altpara mostrar el menú superior, luego haga clic en Help→Troubleshooting Information
Haga clic en el Open Folderbotón al lado de la Profile Folderentrada.
Cree una carpeta nombrada chromeen el directorio que se abre
En la chromecarpeta, cree un archivo CSS con el nombreuserContent.css
Copie el siguiente código en userContent.css, reemplazando "example.com" con el sitio web que desea modificar y su propio CSS personalizado, y reinicie Firefox:

@-moz-document domain(example.com) {
    img { opacity: 0.05 !important; }
}

— Rauf
fuente

Una pequeña actualización / modificación para el paso 1; la Información de solución de problemas abre un enlace about:supporty en mi Firefox (v20 build nocturno en Ubuntu) tiene una entrada llamada "Directorio de perfil" con un botón "Abrir directorio" que abre el directorio de perfil /home/tripleee/.mozilla/firefox/asdf1234.default/en Nautilus.

— tripleee

Puede eliminar @-moz-document domain("...")para aplicar el estilo a cada página.

— Nicolas

@Septagram Creo que siempre ha sido así ... como recuerdo, chrometambién podría contener userChrome.css, lo que daría estilo a la interfaz del navegador ("cromo").

— sam

Una pequeña nota, asegúrese de que la carpeta que cree tenga el nombre "chrome", con una 'c' en minúscula, de lo contrario no funcionará en Linux.

— Oliver Burt

Que es necesaria para reiniciar Firefox para que haga efecto.

— Peter Mortensen

Había una antigua extensión llamada ChromEdit, que agregaba un botón simple para abrir fácilmente el CSS del usuario para su edición.

Esto aparentemente se vio comprometido o retirado. Con estilo era una alternativa, pero de manera similar, ahora parece estar desaparecida.

Por el momento, solo tiene que recordar dónde se supone que debe ir el archivo.

— Deja de dañar a Monica
fuente

Pensé que había obtenido ChromEdit de la lista oficial, pero está bien.

— Deja de dañar a Monica el

Según las revisiones recientes, probablemente se debe evitar el estilo.

— KlaymenDK

Una extensión no es lo mismo que una hoja de estilo de usuario real. Es por eso que Chrome es basura inútil ahora.

— Synetech

@Synetech, ¿de qué estás hablando? Esta extensión agrega un botón para abrir la hoja de estilo para editar.

— Deja de dañar a Monica el

Elegante no funcionó para mí. Cuando busqué ayuda, encontré un tema del foro en el que un usuario decía que la mayoría de los usuarios de Stylish se habían mudado a Stylus debido a un mejor soporte para el usuario y actualizaciones más continuas. Stylus es un tenedor de estilo. Stylus funcionó para mí sin la necesidad de reiniciar Firefox. El uso del complemento es simple: navegue hasta la página que desea diseñar, haga clic en el icono de la aplicación en la esquina superior derecha de su navegador, elija si desea aplicar estilos a la URL actual o al dominio completo y escriba sus estilos. Cuando vuelva a visitar, el icono muestra la cantidad de estilos que aplica el complemento.

— youcantryreachingme