Question Comment remplacer le CSS d'un site dans Firefox avec userContent.css?


Dans Mozilla Firefox, je veux créer userContent.css qui remplace le CSS d'un site.

Où devrais-je créer le fichier?

Pourriez-vous s'il vous plaît le décrire basé sur Windows 7?


67
2017-08-04 08:30


origine




Réponses:


  1. Ouvrez Firefox et appuyez sur Alt pour afficher le menu principal, puis cliquez sur Help → Troubleshooting Information
  2. Clique le Show Folder bouton à côté du Profile Folder entrée
  3. Créez un dossier nommé chrome dans le répertoire qui s'ouvre
  4. dans le chrome dossier crée un fichier css avec le nom userContent.css
  5. Copiez le code suivant dans userContent.cssRemplacer "example.com" par le site Web que vous souhaitez modifier et votre propre CSS personnalisé, puis redémarrer Firefox:
@-moz-document domain(example.com) {
    img { opacity: 0.05 !important; }
}

79
2017-08-05 04:48



Une petite mise à jour / modification pour l'étape 1; les informations de dépannage ouvrent un lien about:support et dans mon Firefox (v20 build nightly sur Ubuntu) il a une entrée nommée "Répertoire de profil" avec un bouton "Open Directory" qui ouvre le répertoire de profil /home/tripleee/.mozilla/firefox/asdf1234.default/ à Nautilus. - tripleee
Vous pouvez supprimer @-moz-document domain("...") appliquer le style à toutes les pages. - Nicolas
Pourquoi est-il censé être dans le chrome dossier? - Septagram
@Septagram Je pense que ça a toujours été comme ça ... comme je m'en souviens, chrome pourrait aussi contenir userChrome.css, ce qui donnerait un style à l’interface du navigateur ("chrome"). - sam
Une petite remarque, assurez-vous que le dossier que vous créez est nommé "chrome", avec un minuscule "c", sinon il ne fonctionnera pas sous Linux. - Oliver Burt


Vous pouvez également utiliser l'extension Stylish sur Firefox ou Chrome.


5
2018-05-24 15:59



Je pensais avoir ChromEdit dans la liste officielle, mais ça va. - OrangeDog
Sur la base de commentaires récents, Stylish devrait probablement être évité. - KlaymenDK
Une extension est différente d'une feuille de style utilisateur réelle. C'est pourquoi Chrome est une poubelle sans valeur maintenant. - Synetech
@Synetech De quoi tu parles? Cette extension ajoute un bouton pour ouvrir la feuille de style pour l'édition. - OrangeDog