Cambia CSS predefinito di Google Chrome

Vorrei poter modificare il CSS predefinito utilizzato da Chrome, come rimuovere le sottolineature per i collegamenti, ecc. Tuttavia, non riesco a trovare il file CSS predefinito utilizzato da Chrome. Qualcuno sa dove sia?

(Aggiornamento 2014) Poiché il supporto dei fogli di stile utente è stato recentemente rimosso da Google Chrome, l'unica opzione in questo momento è utilizzare le estensioni (come Stylus * 1), ma queste si comporteranno in modo diverso (vedi sotto).

La richiesta più rilevante per la reintroduzione di fogli di stile utente reali in Google Chrome è il numero 347016: supporto dei fogli di stile utente .

Per specifica, la regola "foglio di stile utente reale" ha una specificità di origine inferiore in cascata rispetto alla regola dell'autore, ma !importantle regole del foglio di stile utente hanno una specificità di origine superiore rispetto alla !importantregola dell'autore, indipendentemente dalla specificità del selettore .

Le estensioni che imitano i fogli di stile dell'utente in Chrome semplicemente iniettano (si spera) l'ultimo elemento di stile nella pagina, con alcune conseguenze:

• tale stile è a "livello di autore" nella cascata, quindi devi assicurarti che la tua !importantregola abbia una specificità più alta di quella che vuoi sovrascrivere
• il "tuo" stile iniettato è esposto agli script di pagina, quindi possono facilmente eliminarlo a piacimento.

* 1 L'estensione originale, Stylish , è attualmente (2017) in uno stato di sviluppo irregolare da parte di un nuovo manutentore, quindi consiglierei di evitarlo e utilizzare un'alternativa come lo stilo sopra menzionato.

(La seguente risposta originale è ora obsoleta.)

Dopotutto non è possibile modificare UA css stesso, ma è possibile creare uno stile utente globale: avviare Chrome una volta con --enable-user-stylesheet. Questo creerà ciò <user-data-dir>/<profile>/User StyleSheet/Custom.cssche è possibile utilizzare (le modifiche vengono propagate immediatamente). http://code.google.com/p/chromium/issues/detail?id=2393

Puoi dare un'occhiata a questa discussione: Numero 2393: supporto del foglio di stile utente

Alla fine affermano che il --enable-user-stylesheetparametro all'avvio di Chrome consentirebbe fogli di stile personalizzati.

L'unica soluzione che mi viene in mente è quella di utilizzare uno script Greasemonkey che aggiunge una voce di stile a ogni pagina html che disattiva le sottolineature per i collegamenti. Qualcosa di simile a:

<style> a {text-decoration:none} </style>

Apparentemente questo articolo può iniziare:
COME: Installa gli script Greasemonkey di Google Chrome (solo Windows)

Se sei interessato a personalizzare determinati siti Web, puoi utilizzare gli script utente in stile greasemonkey .

È possibile cambiare lo stile dell'interfaccia utente di chromes css. Ricorda solo se lo cambi, alcuni effetti come Esempio: #footer {color:#5F5F5F !important;}cambieranno su ogni sito che usa #footer. Sei stato avvertito. Custom.css cambia quasi tutto nei browser chromes

Windows XP Google Chrome:

C: \ Documents and Settings \% USERNAME% \ Local Settings \ Application Data \ Google \ Chrome \ User Data \ Default

Cromo:

C: \ Documents and Settings \% USERNAME% \ Local Settings \ Application Data \ Chromium \ User Data \ Default \ User StyleSheets

Windows 7 o Vista (aiuto nella sezione aiuto) Google Chrome:

C: \ Users \% USERNAME% \ AppData \ Local \ Google \ Chrome \ User Data \ Default \ User StyleSheets

Cromo:

C: \ Users \% USERNAME% \ AppData \ Local \ Chromium \ User Data \ Default \ User StyleSheets

Mac OS X Google Chrome:

~ / Library / Application Support / Google / Chrome / Default / User StyleSheets

Cromo:

~ / Library / Application Support / Chromium / Default / User StyleSheets

Linux Google Chrome:

~ / .config / google-chrome / Default / User StyleSheets

Cromo:

~ / .Config / cromo / Default

Chrome OS

/ Home / chronos /

Vuoi provare il mio tema per l'editor del programma http://userstyles.org/styles/95226/chrome-userstyles-editor-hacker-version-cyberat

Sentiti libero di darmi un'occhiata, creo fogli di stile dell'interfaccia utente o siti casuali come facebook google.etc e li faccio neri e rossi.

C'è un problema quando si usa Stylish come iniettore stile
utente!important : il livello di priorità dell'utente senza è superiore al livello di priorità dell'autore senza!important

Quindi scrivo uno script utente come iniettore:
https://github.com/zcyzcy88/SelfColle/blob/master/StyleInject.user.js

principio:
Inject style at document.head.prependChild(), prima dello stile dell'autore della pagina web, ha una priorità inferiore, per evitare la sovrapposizione di stile dell'utente.

Nel 2018, Chrome> = 68.0.3440.106 (e probabilmente molto prima)

Ho già avuto l'estensione Sostituzione risorse per vari usi di sviluppo, quindi ora lo uso per aggiungere il mio foglio di stile per correggere alcune scelte di stile sbagliate in JIRA (e per nascondere più annunci - eh eh). L'opzione che uso è "Inject File" e funziona molto bene. Non ho provato a riprogrammare l'impostazione 'url' per farlo funzionare solo su determinati siti, ma i miei selettori CSS sono abbastanza specifici da poter lasciare l'URL come '*'

Mi sono imbattuto in questa domanda quando cercavo una soluzione su come fornire un foglio di stile per le pagine non stilate. Nessuna delle soluzioni di cui sopra mi ha aiutato molto a partire dal 09/2018 Chrome non supporta la funzione di foglio di stile personalizzato precedentemente rimossa.

La soluzione che mi è venuta in mente e che funziona come un incantesimo per il mio caso d'uso è ottenuta usando questo componente aggiuntivo di Chrome con uno script js personalizzato che inserisce il mio CSS personalizzato nell'intestazione della pagina se non ha fogli di stile. Non funzionerà su una pagina a cui è collegato un foglio di stile, ma per il mio caso d'uso è sufficiente.

Ecco lo script JS che sto usando:

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);
  });

Usa Stylebot.

Cromo

Libreria di script degli utenti

Per Firefox, personalizza il tuo Web