Google Chrome का डिफ़ॉल्ट सीएसएस बदलें

Question

मैं क्रोम द्वारा उपयोग किए जाने वाले डिफ़ॉल्ट सीएसएस को बदलने में सक्षम होना चाहता हूं, जैसे कि लिंक के लिए अंडरलाइन को निकालना, आदि। हालांकि, मैं क्रोम द्वारा उपयोग किए गए डिफ़ॉल्ट सीएसएस फ़ाइल को नहीं पा सकता हूं। क्या कोई जानता है कि यह कहां है?

Comments

यदि आप एक डेवलपर हैं, तो मैं अनुशंसा करता हूं कि ऐसा न करें क्योंकि यह सीएसएस के डिफ़ॉल्ट मूल्य को बदलता है।

— nXqd

अपने स्वयं के बहुत ही सरल विस्तार का उपयोग करके सीएसएस को संशोधित करने के सरल तरीके के लिए देखें: stackoverflow.com/questions/21948850/…

— उपयोगकर्ता

Answer 1

(अपडेट 2014) चूंकि यूजर स्टाइलशीट का समर्थन हाल ही में Google क्रोम से हटा दिया गया था , इसलिए इस पल के लिए एकमात्र विकल्प एक्सटेंशन का उपयोग करना है (जैसे स्टाइलस * 1), लेकिन ये अलग तरीके से व्यवहार करेंगे (नीचे देखें)।

Google Chrome में सच्चे उपयोगकर्ता स्टाइलशीट को फिर से पेश करने के लिए सबसे प्रासंगिक अनुरोध समस्या 347016 है: उपयोगकर्ता स्टाइलशीट का समर्थन करें ।

प्रति विनिर्देशन, "सच्चे उपयोगकर्ता स्टाइलशीट" नियम में लेखक के शासन की तुलना में कैस्केड में मूल विशिष्टता कम है , लेकिन !importantउपयोगकर्ता स्टाइलशीट नियमों में लेखक के शासन की तुलना में उच्च मूल विशिष्टता है !important, भले ही इसकी चयनकर्ता विशिष्टता कोई भी हो ।

Chrome में उपयोगकर्ता स्टाइल-शीट की नकल उतारने वाले एक्सटेंशन पृष्ठ में अंतिम शैली तत्व को बस (उम्मीद) इंजेक्ट करते हैं, जिसके कुछ परिणाम हैं:

• इस तरह की शैली कैस्केड में "लेखक स्तर" पर है, इसलिए आपको यह सुनिश्चित करना चाहिए कि आपके !importantनियम में एक से अधिक विशिष्टता है जिसे आप ओवरराइड करना चाहते हैं
• "आपकी" इंजेक्टेड शैली पृष्ठ स्क्रिप्ट के संपर्क में है, इसलिए वे आसानी से इसे विल में हटा सकते हैं।

* * मूल विस्तार, स्टाइलिश , वर्तमान में (२०१ extension ) एक नए मेनटेनर द्वारा अनियमित विकास की स्थिति में है, इसलिए मैं इसे टालने के लिए सलाह दूंगा और उपर्युक्त स्टाइलस जैसे विकल्प का उपयोग करूंगा।

---

(मूल उत्तर के बाद अब अप्रचलित है।)

Afaik UA css को खुद से ट्वीक करना संभव नहीं है, लेकिन आप एक ग्लोबल यूजरस्टाइल बना सकते हैं: Chrome को एक बार शुरू करें --enable-user-stylesheet। यह बनाएगा <user-data-dir>/<profile>/User StyleSheet/Custom.cssजिसे आप उपयोग कर सकते हैं (परिवर्तन तुरंत प्रचारित होते हैं)। http://code.google.com/p/chromium/issues/detail?id=2393

Comments

यह वर्तमान क्रोमियम के साथ वैध नहीं लगता है। हो सकता है कि यह उत्तर पोस्ट किए जाने के बाद से उन्होंने इस सुविधा को निकाल लिया हो।

— पिस्तोस

आप सही हैं, मैंने जवाब अपडेट कर दिया है।

— मेरीफ

हाँ अब समर्थित नहीं लगता है (क्रोम 73 और 76 (कैनरी) पर कोशिश की गई है) ( Custom.cssऔर User Stylesheetsअब मौजूद नहीं है)

— लोकलहोस्टदेवदेव

Answer 2

आप इस चर्चा पर एक नज़र डाल सकते हैं: अंक 2393: उपयोगकर्ता स्टाइलशीट का समर्थन करें

बहुत ही अंत में उन्होंने उल्लेख किया है कि --enable-user-stylesheetक्रोम शुरू करते समय पैरामीटर कस्टम स्टाइलशीट को सक्षम करेगा।

Answer 3

एकमात्र उपाय मैं इसके बारे में सोच सकता हूं कि एक Greasemonkey स्क्रिप्ट का उपयोग करने के लिए जो प्रत्येक HTML पृष्ठ पर एक शैली प्रविष्टि जोड़ता है जो लिंक के साथ रेखांकित करता है। कुछ इस तरह:

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

यह आलेख स्पष्ट रूप से आपको आरंभ कर सकता है:
कैसे करें: Google Chrome Greasemonkey लिपियों को स्थापित करें (केवल Windows)

Comments

मुझे यह अजीब लगता है कि मैं सीधे सीएसएस को संशोधित नहीं कर सकता। फ़ायरफ़ॉक्स में userChrome.css और userContent.css हैं, जो संशोधित रूप देते हैं और पागलपन को सरल महसूस करते हैं।

— जॉर्ज IV

@harrymc - मैंने आपके <style>कोड को ब्लॉकचोट से कोड में बदल दिया ताकि आपको "अतिरिक्त रिक्त स्थान" के बारे में चिंता न करना पड़े

— Jared Harley

Answer 4

यदि आप विशेष वेब साइटों को कस्टमाइज़ करने में रुचि रखते हैं, तो आप ग्रीसीकेम शैली उपयोगकर्ता स्क्रिप्ट का उपयोग कर सकते हैं ।

Answer 5

आप क्रोम सीएसएस यूई स्टाइल को बदल सकते हैं। बस याद रखें कि यदि आप इसे बदलते हैं, तो उदाहरण जैसे कुछ प्रभाव: #footer {color:#5F5F5F !important;}प्रत्येक साइट पर बदल जाएगा जो #footer का उपयोग करता है। आपको चेतावनी दी गई थी। Custom.css क्रोमोज़ ब्राउज़र में लगभग सब कुछ बदल देता है

Windows XP Google Chrome:

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

क्रोमियम:

C: \ Documents and Settings \% USERNAME% \ Local Settings \ Application Data \ Chromium \ User Data \ Default \ User उपयोगकर्ता आईडी

Windows 7 या Vista (सहायता अनुभाग में मदद) Google Chrome:

C: \ Users \% USERNAME% \ AppData \ Local \ Google \ Chrome \ उपयोगकर्ता डेटा \ Default \ उपयोगकर्ता स्टाइलशीट

क्रोमियम:

C: \ Users \% USERNAME% \ AppData \ Local \ Chromium \ User डेटा \ Default \ उपयोगकर्ता स्टाइलशीट

Mac OS X Google Chrome:

~ / पुस्तकालय / अनुप्रयोग समर्थन / Google / Chrome / डिफ़ॉल्ट / उपयोगकर्ता स्टाइलशीट

क्रोमियम:

~ / पुस्तकालय / अनुप्रयोग समर्थन / क्रोमियम / डिफ़ॉल्ट / उपयोगकर्ता स्टाइलशीट

लिनक्स Google क्रोम:

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

क्रोमियम:

~ / .Config / क्रोमियम / डिफ़ॉल्ट

क्रोम ओएस

/ घर / chronos /

कार्यक्रम संपादक http://userstyles.org/styles/95226/chrome-userstyles-editor-hacker-version-cyberat के लिए मेरे विषय की जाँच करें

बेझिझक मेरी जांच करें, मैं UI स्टाइल शीट या रैंडम साइट्स जैसे facebook google.etc बनाऊं और उन्हें ब्लैक एंड रेड करूं।

Comments

यह काम नहीं करेगा क्योंकि Chrome 33 ने उपयोगकर्ता शैलियों के लिए समर्थन छोड़ दिया है।

— 4

Answer 6

उपयोगकर्ता-शैली इंजेक्टर के रूप में स्टाइलिश का उपयोग करने पर एक समस्या है :
उपयोगकर्ता प्राथमिकता स्तर बिना !importantलेखक प्राथमिकता स्तर से अधिक है!important

इसलिए मैं एक उपयोगकर्ता-स्क्रिप्ट को इंजेक्टर के रूप में लिखता हूं:
https://github.com/zcyzcy88/SelfColle/blob/master/StyleInject.user.js

सिद्धांत: वेबपृष्ठ लेखक की शैली से पहले,
इंजेक्ट शैली document.head.prependChild(), उपयोगकर्ता शैली ओवरले से बचने के लिए कम प्राथमिकता है।

Comments

नमस्ते, और SuperUser.com में आपका स्वागत है। क्या आप अपनी स्क्रिप्ट के बारे में अधिक गहराई से जाने में सक्षम होंगे?

— सेवा प्रबंधक

उपयोगकर्ता शैली document.head.prependChild()ओवरले से बचने के लिए, शैली को इंजेक्ट करें ।

— सिस्टा फेनोले

यदि आप अपने उत्तर को संपादित कर सकते हैं, तो अपनी स्क्रिप्ट के प्रत्येक भाग के बारे में अधिक विस्तार से जाने में मदद मिलेगी।

— सेवा प्रबंधक

Answer 7

2018 में, Chrome> = 68.0.3440.106 (और शायद बहुत पहले)

मेरे पास पहले से ही विभिन्न विकास उपयोगों के लिए एक्सटेंशन संसाधन ओवरराइड था , इसलिए अब मैं इसका उपयोग करता हूं कि JIRA में कुछ खराब शैली विकल्पों को ठीक करने के लिए अपनी खुद की स्टाइलशीट को जोड़ने के लिए (और अधिक विज्ञापनों को छिपाने के लिए - हेह हे)। मेरे द्वारा उपयोग किया जाने वाला विकल्प "Inject File" है और यह बहुत अच्छी तरह से काम करता है। मैंने 'url' सेटिंग को फिर से शुरू करने की कोशिश नहीं की है, यह केवल विशेष साइटों पर काम करने के लिए है, लेकिन मेरे सीएसएस चयनकर्ता पर्याप्त विशिष्ट हैं कि मैं केवल url को '*' के रूप में छोड़ सकता हूं

Answer 8

मुझे इस सवाल का सामना करना पड़ा जब बिना पृष्ठ के स्टाइलशीट प्रदान करने के बारे में समाधान की तलाश की गई। ऊपर दिए गए किसी भी समाधान ने मुझे अभी भी 09/2018 तक मदद नहीं की है क्योंकि क्रोम पहले से हटाए गए कस्टम स्टाइलशीट फ़ंक्शन का समर्थन नहीं करता है।

मैं जिस समाधान के साथ आया था और जो कि मेरे उपयोग के मामले के लिए आकर्षण की तरह काम करता है, इस क्रोम एडऑन का उपयोग कस्टम js स्क्रिप्ट के साथ किया जाता है जो मेरे कस्टम css को पेज के हेडर में सम्मिलित करता है यदि इसके पास कोई स्टाइलशीट नहीं है। यह ऐसे पृष्ठ पर काम नहीं करेगा जिसमें कोई भी स्टाइलशीट जुड़ी हो लेकिन मेरे उपयोग के मामले के लिए यह पर्याप्त है।

यहाँ JS स्क्रिप्ट का उपयोग कर रहा हूँ:

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

Answer 9

स्टाइलबॉट का इस्तेमाल करें।

क्रोम

उपयोगकर्ताओं की लिपियों की लाइब्रेरी

फ़ायरफ़ॉक्स के लिए, अपने वेब को कस्टमाइज़ करें

Comments

कृपया संदर्भ लिंक (एस) से उत्तर के आवश्यक हिस्सों को उद्धृत करें, क्योंकि लिंक लिंक किए गए पृष्ठ (परिवर्तन) होने पर उत्तर अमान्य हो सकता है।

— DavidPostill