Zmień domyślny CSS Google Chrome


43

Chciałbym móc zmienić domyślny CSS używany przez chrome, na przykład usunąć podkreślenia linków itp. Jednak nie mogę znaleźć domyślnego pliku CSS używanego przez Chrome. Czy ktoś wie, gdzie to jest?


3
Jeśli jesteś programistą, nie polecam tego robić, ponieważ zmienia domyślną wartość css.
nXqd

Prosty sposób modyfikowania css przy użyciu własnego bardzo prostego rozszerzenia można znaleźć na stronie: stackoverflow.com/questions/21948850/…
Użytkownik

Odpowiedzi:


33

(Aktualizacja 2014) Ponieważ obsługa arkuszy stylów użytkownika została niedawno usunięta z Google Chrome, jedyną opcją w tym momencie jest użycie rozszerzeń (takich jak Stylus * 1), ale będą one działały inaczej (patrz poniżej).

Najbardziej odpowiednie żądanie ponownego wprowadzenia prawdziwych arkuszy stylów użytkownika w Google Chrome to numer 347016: Obsługa arkuszy stylów użytkownika .

Specyfikacją, „true stylów użytkownika” reguła ma niższe pochodzenie specyficzności w kaskadzie niż regułę autora, ale !importantzasady arkusz stylów użytkownik ma wyższą specyficzność pochodzenie niż !importantreguły autora, niezależnie od jego wyboru specyfiki .

Rozszerzenia naśladujące arkusze stylów użytkownika w Chrome po prostu wstrzykują (mam nadzieję) ostatni element stylu do strony, co ma pewne konsekwencje:

  • taki styl znajduje się na „poziomie autora” w kaskadzie, więc musisz upewnić się, że twoja !importantreguła ma wyższą specyficzność niż ta, którą chcesz zastąpić
  • „Twój” styl wstrzykiwany jest narażony na skrypty strony, dzięki czemu można je łatwo usunąć do woli.

* 1 Oryginalne rozszerzenie, Stylish , jest obecnie (2017 r.) W stanie nieregularnego rozwoju przez nowego mainetainera, więc radzę go unikać i stosować alternatywę, jak wspomniany wyżej Stylus.


(Podążanie za oryginalną odpowiedzią jest już nieaktualne).

Afaik nie jest możliwe dostrajanie samego css UA, ale możesz stworzyć globalny styl użytkownika: uruchom Chrome raz --enable-user-stylesheet. Spowoduje to utworzenie, z <user-data-dir>/<profile>/User StyleSheet/Custom.cssktórego można korzystać (zmiany są natychmiast propagowane). http://code.google.com/p/chromium/issues/detail?id=2393


2
To nie wydaje się uzasadnione w obecnym Chromium. Być może wyłączyli tę funkcję od czasu opublikowania tej odpowiedzi.
Pistos

1
Masz rację, zaktualizowałem odpowiedź.
myf

tak, wydaje się, że nie jest już obsługiwany (wypróbowano na Chrome 73 i 76 (kanarek)) ( Custom.cssi już User Stylesheetsnie istnieją)
localhostdotdev


4

Jedyne rozwiązanie, jakie mogę wymyślić, to użycie skryptu Greasemonkey, który dodaje styl do każdej strony HTML, która wyłącza podkreślenia linków. Coś jak:

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

Ten artykuł może najwidoczniej zacząć:
JAK: Instalować skrypty Google Chrome Greasemonkey (tylko system Windows)


4
Zabawne jest to, że nie mogę bezpośrednio modyfikować CSS. Firefox ma userChrome.css i userContent.css, które sprawiają, że modyfikowanie wyglądu jest wyjątkowo proste.
George IV

@harrymc - Zmieniłem twój <style>kod z cytatu blokowego na kod, abyś nie musiał się martwić o „dodatkowe spacje”
Jared Harley


0

Możesz zmienić styl css ui chromes. Pamiętaj tylko, że jeśli to zmienisz, niektóre efekty, takie jak Przykład: #footer {color:#5F5F5F !important;}zmienią się w każdej witrynie używającej #footer. Zostałeś ostrzeżony. Custom.css zmienia prawie wszystko w przeglądarkach Chrome

Windows XP Google Chrome:

C: \ Documents and Settings \% USERNAME% \ Ustawienia lokalne \ Dane aplikacji \ Google \ Chrome \ Dane użytkownika \ Domyślne

Chrom:

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

Windows 7 lub Vista (pomoc w sekcji pomocy) Google Chrome:

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

Chrom:

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

Mac OS X Google Chrome:

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

Chrom:

~ / Biblioteka / Obsługa aplikacji / Chromium / Default / User StyleSheets

Linux Google Chrome:

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

Chrom:

~ / .config / chromium / Default

Chrome OS

/ home / chronos /

Chcesz dowód, sprawdź mój motyw edytora programu http://userstyles.org/styles/95226/chrome-userstyles-editor-hacker-version-cyberat

Zapraszam do sprawdzenia, tworzę arkusze stylów interfejsu użytkownika lub losowe witryny, takie jak Facebook google.etc, i robię je czarno-czerwone.


4
To nie zadziała, ponieważ Chrome 33 zrezygnował z obsługi stylów użytkownika.
Synetech

0

Występuje problem podczas używania Stylowego jako aplikatora w stylu
użytkownika!important : poziom priorytetu użytkownika bez jest wyższy niż poziom priorytetu autora bez!important

Piszę więc skrypt użytkownika jako iniektor:
https://github.com/zcyzcy88/SelfColle/blob/master/StyleInject.user.js

Zasada:
Styl wstrzykiwania w document.head.prependChild(), przed stylem autora strony, ma niższy priorytet, aby uniknąć nakładki w stylu użytkownika.


Cześć, witamy na SuperUser.com. Czy byłbyś w stanie dowiedzieć się więcej o tym, co dokładnie robi skrypt?
Service Manager

Wprowadź styl w document.head.prependChild(), aby uniknąć nakładki stylu użytkownika.
Sista Fiolen

Jeśli możesz edytować swoją odpowiedź, pomocne byłoby bardziej szczegółowe omówienie tego, co robi każda część skryptu.
Service Manager

0

W 2018 r. Chrome> = 68.0.3440.106 (i prawdopodobnie znacznie wcześniej)

Miałem już rozszerzenie Zastępowanie zasobów do różnych zastosowań programistycznych, więc teraz używam tego, aby dodać własny arkusz stylów, aby naprawić niektóre złe style w JIRA (i aby ukryć więcej reklam - heh heh). Opcją, której używam jest „Inject File” i działa bardzo dobrze. Nie próbowałem ponownie generować ustawienia „url”, aby działało tylko w określonych witrynach, ale moje selektory css są na tyle szczegółowe, że mogę po prostu pozostawić adres URL jako „*”


0

Natknąłem się na to pytanie, szukając rozwiązania, w jaki sposób dostarczyć arkusz stylów dla niestylizowanych stron. Żadne z powyższych rozwiązań nie pomogło mi zbytnio w dniu 09/2018 chrome nie obsługuje wcześniej usuniętej niestandardowej funkcji arkusza stylów.

Rozwiązanie, które wymyśliłem i które działa jak urok w moim przypadku użycia, zostało osiągnięte poprzez użycie tego chromowanego dodatku ze niestandardowym skryptem js, który wstawia mój niestandardowy css do nagłówka strony, jeśli nie ma żadnych arkuszy stylów. Nie będzie działał na stronie, do której jest podłączony dowolny arkusz stylów, ale w moim przypadku jest wystarczający.

Oto skrypt JS, którego używam:

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

Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.