it-swarm-eu.dev

Cambia il CSS predefinito di Google Chrome

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

41
George IV

(Aggiornamento 2014) Poiché il supporto dei fogli di stile degli utenti è stato recentemente rimosso da Google Chrome, l'unica opzione per questo momento è usare le estensioni (come Stilo * 1), ma questi si comportano diversamente (vedi sotto).

La richiesta più pertinente per la reintroduzione di fogli di stile utente reali in Google Chrome è Numero 347016: Supporta fogli di stile utente .

Per specifica, la regola "true user stylesheet" ha lower Origin specificity in cascata rispetto alla regola author , ma le regole del foglio di stile utente !important hanno maggiore specificità di origine rispetto alla regola dell'autore !important, indipendentemente dalla sua specificità del selettore .

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

  • tale stile è a "livello autore" nella cascata, quindi è necessario assicurarsi che la regola !important abbia una specificità più alta di quella che si desidera sovrascrivere
  • "il tuo" stile "iniettato è esposto agli script di pagina, in modo che possano facilmente cancellarlo a piacimento.

* 1 L'estensione originale, Stylish , è attualmente (2017) in stato di sviluppo irregolare da parte di un nuovo mainetainer, quindi consiglierei di evitarla e usarla alternativa come Stylus di cui sopra.


(La seguente risposta originale è ora obsoleta).

Afaik non è possibile modificare lo stesso css UA, ma puoi creare un utente globale: avvia Chrome una volta con --enable-user-stylesheet. Ciò creerà <user-data-dir>/<profile>/User StyleSheet/Custom.css che è possibile utilizzare (le modifiche vengono propagate immediatamente). http://code.google.com/p/chromium/issues/detail?id=2393

31
myf

Puoi dare un'occhiata a questa discussione: Numero 2393: Support user stylesheet

Alla fine menzionano che il parametro --enable-user-stylesheet all'avvio di Chrome abilita i fogli di stile personalizzati.

8

L'unica soluzione che posso pensare è di usare uno script Greasemonkey che aggiunge una voce di stile ad ogni pagina html che disattiva le sottolineature per i collegamenti. Qualcosa di simile a:

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

A quanto pare, in questo articolo potresti iniziare:
COME: Installare Google Chrome Greasemonkey Scripts (solo Windows)

4
harrymc

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

2
Kevin Panko

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

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

0
eon

Mi sono imbattuto in questa domanda quando ho cercato una soluzione su come fornire un foglio di stile per le pagine senza stile. Nessuna delle soluzioni di cui sopra mi ha aiutato molto ancora a partire dal 09/2018 chrome non supporta la funzione del foglio di stile personalizzato precedentemente rimosso.

La soluzione che ho trovato e che funziona come il fascino per il mio caso d'uso si ottiene usando questo chrome addon con uno script js personalizzato che inserisce il mio css personalizzato all'intestazione della pagina se non ha fogli di stile. Non funzionerà su una pagina che ha un qualsiasi foglio di stile collegato, 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);
  });
0
Maroš Beťko

C'è un problema quando usi Stylish come injector in stile utente:
livello di priorità utente senza !important è maggiore di 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:
Iniettare lo stile su document.head.prependChild(), prima dello stile dell'autore della pagina web, ha una priorità più bassa, per evitare l'overlay in stile utente.

0
Sista Fiolen

Puoi cambiare chromes css ui style. 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 chromi

Windows XP Google Chrome:

C:\Documents and Settings \% USERNAME%\Impostazioni locali\Dati applicazioni\Google\Chrome\Dati utente\Predefinito

Cromo:

C:\Documents and Settings \% USERNAME%\Impostazioni locali\Dati applicazioni\Chromium\Dati utente\Predefiniti\User StyleSheets

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

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

Cromo:

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

Mac OS X Google Chrome:

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

Cromo:

~/Library/Application Support/Chromium/Default/User Style Sheets

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 trasformo in nero e rosso.

0