Google Chrome'un varsayılan CSS’sini değiştirin

Chrome tarafından kullanılan, bağlantıların altı çizili olanları kaldırma vb. Gibi varsayılan CSS'yi değiştirebilmek istiyorum. Ancak, Chrome tarafından kullanılan varsayılan CSS dosyasını bulamıyorum. onun Nerede olduğunu bilen var mı?

(Güncelleme 2014) Kullanıcı stil sayfalarının desteği Google Chrome'dan yakın zamanda kaldırıldığından , şu an için tek seçenek uzantıları kullanmaktır ( Stylus * 1 gibi ), ancak bunlar farklı davranacaktır (aşağıya bakınız).

Google Chrome'da gerçek kullanıcı stil sayfalarını yeniden tanıtmak için en alakalı istek Sayı 347016: Kullanıcı stil sayfalarını destekleyin .

Spesifikasyona göre, "gerçek kullanıcı stil sayfası" kuralı, kaskaddaki kökeni özgünlüğüne , yazar kuralına göre daha düşüktür, ancak !importantkullanıcı stil sayfası kuralları , seçicinin özgünlüğüne bakılmaksızın, yazar kuralından daha yüksek kaynak özgünlüğüne sahiptir .!important

Chrome'daki kullanıcı stil sayfalarını taklit eden uzantılar, son stil öğesini basitçe sayfaya enjekte eder (bazı sonuçlar doğurabilir):

• bu tarz, kaskaddaki "yazar düzeyinde" olduğundan !importantkuralın geçersiz kılmak istediğinizden daha yüksek bir özelliğe sahip olduğundan emin olmalısınız
• "Enjekte Edilen" tarzınız sayfa komut dosyalarına maruz kaldığından, istedikleri zaman kolayca silebilirler.

* 1 Orijinal uzantı, Şık , şu anda (2017) yeni bir hizmetçi tarafından düzensiz gelişme halinde, bu yüzden bundan kaçınılması ve yukarıda belirtilen Stylus gibi bir alternatif kullanılmasını öneririm.

(Orijinal cevabı takip etmek artık eskidir.)

Afaik, UA css'in kendisini değiştirmesi mümkün değildir, ancak global bir kullanıcı türü oluşturabilirsiniz: Chrome'u bir kere başlatın --enable-user-stylesheet. Bu, <user-data-dir>/<profile>/User StyleSheet/Custom.csshangisini kullanabileceğinizi yaratacaktır (değişiklikler hemen yayılır). http://code.google.com/p/chromium/issues/detail?id=2393

Bu tartışmaya bir göz atabilirsiniz: Sayı 2393: Kullanıcı stil sayfasını destekleyin

En sonunda, --enable-user-stylesheetChrome'u başlatırkenki parametrenin özel stil sayfalarını etkinleştireceğini belirtmişlerdir .

Her html sayfasına stil girişi ekleyen ve bağlantıların altını kesen bir Greasemonkey komut dosyası kullanmayı düşünebileceğim tek çözüm. Gibi bir şey:

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

Bu makale görünüşte başlamanıza yardımcı olabilir:
NASIL YAPILIR: Google Chrome Greasemonkey Komut Dosyalarını Yükle (Yalnızca Windows)

Belirli web sitelerini özelleştirmekle ilgileniyorsanız, greasemonkey tarzı kullanıcı komut dosyalarını kullanabilirsiniz .

Krom css ui stilini değiştirebilirsiniz. Sadece değiştirirseniz, Örnek: gibi bazı efektlerin #footer {color:#5F5F5F !important;}#footer kullanan her sitede değişeceğini unutmayın. Uyarıldın. Custom.css, krom tarayıcılardaki hemen hemen her şeyi değiştirir

Windows XP Google Chrome:

C: \ Belgeler ve Ayarlar \% USERNAME% \ Yerel Ayarlar \ Uygulama Verileri \ Google \ Chrome \ Kullanıcı Verileri \ Varsayılan

Krom:

C: \ Belgeler ve Ayarlar \% USERNAME% \ Yerel Ayarlar \ Uygulama Verileri \ Chromium \ Kullanıcı Verileri \ Varsayılan \ Kullanıcı Stili Sayfaları

Windows 7 veya Vista (yardım bölümünde yardım) Google Chrome:

C: \ Kullanıcılar \% USERNAME% \ AppData \ Local \ Google \ Chrome \ Kullanıcı Verileri \ Varsayılan \ Kullanıcı Stil Sayfaları

Krom:

C: \ Kullanıcılar \% USERNAME% \ AppData \ Local \ Chromium \ Kullanıcı Verileri \ Varsayılan \ Kullanıcı StyleSheets

Mac OS X Google Chrome:

~ / Kütüphane / Uygulama Desteği / Google / Chrome / Varsayılan / Kullanıcı Stil Sayfaları

Krom:

~ / Kütüphane / Uygulama Desteği / Chromium / Default / User StyleSheets

Linux Google Chrome:

~ / .config / google-chrome / Varsayılan / Kullanıcı Stil Sayfaları

Krom:

~ / .Config / krom / Standart

Chrome OS

/ Home / chronos /

Program editörü için temamı kontrol etmek ister misiniz http://userstyles.org/styles/95226/chrome-userstyles-editor-hacker-version-cyberat

Beni kontrol etmekten çekinmeyin, kullanıcı arayüzü stil sayfaları veya facebook google.etc gibi rastgele siteler oluşturup onları siyah / kırmızı yapmaktan çekinmeyin.

Kullanım bir sorun var Şık : Kullanıcı tarzı enjektör olarak
olmadan kullanıcı öncelik seviyesi!important daha yüksektir olmadan yazar öncelik seviyesine!important

Bu yüzden bir kullanıcı betiğini enjektör olarak yazıyorum:
https://github.com/zcyzcy88/SelfColle/blob/master/StyleInject.user.js

ilke: Kullanıcı stil bindirmesini önlemek için, web sayfası yazarının stilinden önce,
stilin enjekte edilmesi document.head.prependChild()daha düşük bir önceliğe sahiptir.

2018’de, Chrome> = 68.0.3440.106 (ve muhtemelen çok daha erken)

Zaten çeşitli geliştirme kullanımları için Kaynak Geçersiz Kılma uzantısına sahiptim , bu yüzden şimdi JIRA’daki bazı kötü stil seçeneklerini düzeltmek için kendi stil sayfamı eklemek için kullanıyorum (ve daha fazla reklam gizlemek için kullanıyorum). Kullandığım seçenek "Enjekte Dosya" dır ve çok iyi çalışıyor. 'Url' ayarını yalnızca belirli sitelerde çalışmasını sağlamak için düzenlemeyi denemedim, ancak css seçicilerim url'yi '*' olarak bırakabilecek kadar belirli

Bu arada, stilsiz sayfalar için bir stil sayfasının nasıl sağlanacağına dair bir çözüm ararken karşılaştım. Yukarıdaki çözümlerin hiçbiri bana çok yardımcı olmadı ve 09/2018 itibariyle krom, önceden kaldırılmış özel stil sayfası işlevini desteklemiyor.

Kullandığım ve kullanım durumum için cazibeye benzeyen çözüm, bu chrome addon'u , herhangi bir stil sayfası yoksa, özel css'imi sayfanın başlığına ekleyen özel bir js komut dosyası kullanarak elde edilir . Bağlantılı herhangi bir stil sayfasına sahip bir sayfada çalışmaz, ancak benim kullanım durumum için bu yeterlidir.

İşte kullandığım JS betiği:

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

Stylebot kullanın.

Krom

Kullanıcı scriptleri kütüphanesi

Firefox için web'inizi özelleştirin