Modifier le CSS par défaut de Google Chrome

En 2018, Chrome >= 68.0.3440.106 (et probablement bien avant)

J'avais déjà l'extension Remplacement des ressources pour diverses utilisations de développement, et je l'utilise maintenant pour ajouter ma propre feuille de style afin de corriger certains mauvais choix de style dans JIRA (et pour cacher plus de publicités - heh heh). L'option que j'utilise est "Injecter un fichier" et elle fonctionne très bien. Je n'ai pas essayé de faire des regex sur le paramètre 'url' pour qu'il ne fonctionne que sur des sites particuliers, mais mes sélecteurs css sont suffisamment spécifiques pour que je puisse laisser l'url à '*'

Je suis tombé sur cette question alors que je cherchais une solution pour fournir une feuille de style pour les pages non stylisées. Aucune des solutions ci-dessus ne m'a beaucoup aidé et, en date du 09/2018, chrome ne prend pas en charge la fonction de feuille de style personnalisée précédemment supprimée.

La solution que j'ai trouvée et qui fonctionne à merveille pour mon cas d'utilisation consiste à utiliser cet addon chrome avec un js personnalisé script qui insère mon css personnalisé dans l'en-tête de la page si elle n'a pas de feuilles de style. Cela ne fonctionnera pas sur une page qui a une feuille de style liée, mais pour mon cas d'utilisation, c'est suffisant.

Voici le JS script que j'utilise :

window.addEventListener("load", function(event) {
    console.log("All resources finished loading!");
    console.log(document.styleSheets); 
    if (document.styleSheets.length > 0) {
        return;
    }

    var css = `
    /*Your CSS goes here*/
    `;
    var style = document.createElement('style');
    style.type = 'text/css';
    style.appendChild(document.createTextNode(css));
    document.head.appendChild(style);
  });

Depuis Chrome 65, les surcharges locales sont prises en charge. Voir la page description des caractéristiques dans les notes de version.

Utilisez Stylebot.

Chrome

Bibliothèque des scripts des utilisateurs

Pour firefox, Personnalisez votre site web

Il y a un problème lors de l'utilisation de Stylisé en tant qu'injecteur de style utilisateur :
niveau de priorité de l'utilisateur sans !important est supérieur à niveau de priorité de l'auteur sans !important

J'écris donc un user-script comme injecteur :
https://github.com/zcyzcy88/SelfColle/blob/master/StyleInject.user.js

principe :
Injecter le style à document.head.prependChild() avant le style de l'auteur de la page web, a une priorité plus faible, afin d'éviter la superposition du style de l'utilisateur.