เปลี่ยน CSS เริ่มต้นของ Google Chrome

ฉันต้องการที่จะเปลี่ยน CSS เริ่มต้นที่ใช้โดย Chrome เช่นลบการขีดเส้นใต้สำหรับลิงก์เป็นต้นอย่างไรก็ตามฉันไม่สามารถค้นหาไฟล์ CSS เริ่มต้นที่ Chrome ใช้ ไม่มีใครรู้ว่ามันอยู่ที่ไหน?

(อัปเดต 2014) เนื่องจากการสนับสนุนสไตล์ผู้ใช้ถูกลบออกจาก Google Chrome ตัวเลือกเดียวสำหรับช่วงเวลานี้คือการใช้ส่วนขยาย (เช่นStylus * 1) แต่สิ่งเหล่านี้จะทำงานแตกต่างกัน (ดูด้านล่าง)

คำขอที่เกี่ยวข้องมากที่สุดอีกครั้งแนะนำสไตล์ชีตผู้ใช้จริงใน Google Chrome เป็นฉบับที่ 347016: stylesheets

ต่อสเปค"สไตล์ชีตผู้ใช้จริง"กฎมีที่ต่ำกว่าแหล่งกำเนิดความจำเพาะในน้ำตกกว่ากฎเขียน แต่!importantกฎที่ผู้ใช้สไตล์ชีตมีความจำเพาะกำเนิดสูงกว่า!importantกฎเขียนโดยไม่คำนึงถึงของตัวเลือกที่เฉพาะเจาะจง

ส่วนขยายการเลียนแบบสไตล์ชีตผู้ใช้ใน Chrome เพียงแค่แทรก (หวังว่า) องค์ประกอบสไตล์สุดท้ายลงในหน้าสิ่งที่มีผลกระทบบางอย่าง:

• สไตล์ดังกล่าวอยู่ที่"ระดับผู้เขียน"ในน้ำตกดังนั้นคุณต้องตรวจสอบให้แน่ใจว่า!importantกฎของคุณมีความเฉพาะเจาะจงสูงกว่าที่คุณต้องการแทนที่
• รูปแบบการแทรก "ของคุณ" จะถูกนำไปใช้กับสคริปต์ของหน้าเว็บดังนั้นพวกเขาจึงสามารถลบออกได้อย่างง่ายดาย

* 1 ส่วนขยายดั้งเดิม, Stylish , ปัจจุบัน (2017) อยู่ในสถานะของการพัฒนาที่ไม่แน่นอนโดยผู้ดูแลระบบรายใหม่ดังนั้นฉันจึงแนะนำให้หลีกเลี่ยงและใช้ทางเลือกอื่นเช่น Stylus ดังกล่าว

(การติดตามคำตอบดั้งเดิมตอนนี้ล้าสมัยแล้ว)

AFAIK มันไม่ได้เป็นไปได้ที่จะปรับแต่ง CSS UA ตัวเอง แต่คุณสามารถทำให้ userstyle ทั่วโลก: --enable-user-stylesheetเริ่มต้นอีกครั้งกับ สิ่งนี้จะสร้าง<user-data-dir>/<profile>/User StyleSheet/Custom.cssสิ่งที่คุณสามารถใช้ได้ (การเปลี่ยนแปลงจะเผยแพร่ทันที) http://code.google.com/p/chromium/issues/detail?id=2393

คุณสามารถดูการสนทนานี้: ปัญหา 2393: สไตล์ชีทของผู้ใช้ที่สนับสนุน

ในตอนท้ายพวกเขาพูดถึงว่า--enable-user-stylesheetพารามิเตอร์เมื่อเริ่มต้น Chrome จะเปิดใช้งานสไตล์ชีตที่กำหนดเอง ..

ทางออกเดียวที่ฉันสามารถนึกได้ว่าใช้ Greasemonkey script ที่เพิ่มสไตล์ให้กับเพจ html ทุกหน้าซึ่งจะปิดการขีดเส้นใต้สำหรับลิงก์ สิ่งที่ต้องการ:

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

บทความนี้จะช่วยให้คุณเริ่มต้นได้อย่างชัดเจน:
วิธีการ: ติดตั้งสคริปต์ Greasemonkey ของ Google Chrome (Windows เท่านั้น)

หากคุณมีความสนใจในการปรับแต่งเว็บไซต์โดยเฉพาะอย่างยิ่งคุณสามารถใช้สคริปต์ผู้ใช้ Greasemonkey สไตล์

คุณสามารถเปลี่ยนสไตล์ css ui chromes เพียงจำไว้ว่าถ้าคุณเปลี่ยนเอฟเฟกต์บางอย่างเช่นตัวอย่าง: #footer {color:#5F5F5F !important;}จะเปลี่ยนในทุกไซต์ที่ใช้ #footer คุณได้รับการเตือน Custom.css เปลี่ยนแปลงเกือบทุกอย่างในเบราว์เซอร์ Chromes

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 \ Data Data \ Default \ Style Style ของผู้ใช้

Windows 7 หรือ Vista (ความช่วยเหลือในส่วนช่วยเหลือ) Google Chrome:

C: \ Users \% USERNAME% \ AppData \ Local \ Google \ Chrome \ ข้อมูลผู้ใช้ \ Default \ สไตล์ของผู้ใช้แผ่น

โครเมียม:

C: \ Users \% USERNAME% \ AppData \ Local \ Chromium \ Data Data \ Default \ Style Style ของผู้ใช้

Mac OS X Google Chrome:

~ / Library / Application Support / Google / Chrome / ค่าเริ่มต้น / สไตล์ผู้ใช้

โครเมียม:

~ / Library / Application Support / Chromium / Default / StyleSheets ของผู้ใช้

Linux Google Chrome:

~ / .config / google-chrome / ค่าเริ่มต้น / สไตล์ผู้ใช้

โครเมียม:

~ / .config / โครเมียม / Default

Chrome OS

/ home / โครโนส /

ต้องการหลักฐานตรวจสอบชุดรูปแบบของฉันสำหรับโปรแกรมแก้ไข http://userstyles.org/styles/95226/chrome-userstyles-editor-hacker-version-cyberat

อย่าลังเลที่จะตรวจสอบฉันฉันสร้างสไตล์ชีท UI หรือไซต์สุ่มเช่น facebook google.etc และทำให้เป็นสีดำและแดง

มีปัญหาเมื่อใช้Stylishเป็น injector สไตล์
ผู้ใช้!important : ระดับความสำคัญของผู้ใช้ที่ไม่มีสูงกว่าระดับความสำคัญของผู้เขียนที่ไม่มี!important

ดังนั้นฉันจึงเขียนสคริปต์ผู้ใช้เป็นหัวฉีด:
https://github.com/zcyzcy88/SelfColle/blob/master/StyleInject.user.js

หลักการ:
รูปแบบฉีดที่document.head.prependChild()ก่อนสไตล์ของผู้เขียนเว็บเพจมีลำดับความสำคัญต่ำกว่าเพื่อหลีกเลี่ยงการซ้อนทับสไตล์ผู้ใช้

ในปี 2018 Chrome> = 68.0.3440.106 (และอาจเร็วกว่านี้มาก)

ฉันมีส่วนขยายResource Overrideสำหรับการพัฒนาที่หลากหลายดังนั้นตอนนี้ฉันใช้มันเพื่อเพิ่มสไตล์ชีทของตัวเองเพื่อแก้ไขตัวเลือกสไตล์ที่ไม่ดีใน JIRA (และเพื่อซ่อนโฆษณาเพิ่มเติม - heh heh) ตัวเลือกที่ฉันใช้คือ "Inject File" และใช้งานได้ดีมาก ฉันไม่ได้ลอง regexing การตั้งค่า 'url' เพื่อให้ใช้งานได้กับบางเว็บไซต์เท่านั้น แต่ตัวเลือก css ของฉันเฉพาะเจาะจงมากพอที่ฉันจะปล่อยให้ url เป็น '*'

ฉันเจอคำถามนี้เมื่อค้นหาวิธีแก้ปัญหาเกี่ยวกับวิธีจัดสไตล์ชีทสำหรับเพจที่ไม่มีการจัดรูปแบบ ไม่มีวิธีแก้ปัญหาใดที่ช่วยให้ฉันมีความคงอยู่ของโครเมียม 09/2018 ไม่สนับสนุนฟังก์ชั่นสไตล์ชีทที่กำหนดเองที่ถูกลบไปก่อนหน้านี้

วิธีการแก้ปัญหาที่ฉันเกิดขึ้นและใช้งานได้อย่างมีเสน่ห์สำหรับกรณีการใช้งานของฉันทำได้โดยการใช้โครเมียม addon นี้กับสคริปต์ 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);
  });

ใช้ Stylebot

โครเมียม

ไลบรารีของสคริปต์ของผู้ใช้

สำหรับ firefox ปรับแต่งเว็บของคุณ