จะเขียนทับ CSS ของเว็บไซต์ใน Firefox ด้วย userContent.css ได้อย่างไร?

ใน Mozilla Firefox ฉันต้องการสร้างuserContent.cssสิ่งที่แทนที่ CSS ของเว็บไซต์

ฉันจะสร้างไฟล์ได้ที่ไหน

คุณช่วยอธิบายมันด้วย Windows 7 ได้ไหม?

firefox css

คำตอบ:

111

เปิด Firefox แล้วกดAltเพื่อแสดงเมนูด้านบนจากนั้นคลิกที่Help→Troubleshooting Information
คลิกที่Open Folderปุ่มข้างProfile Folderรายการ
สร้างโฟลเดอร์ชื่อchromeในไดเรกทอรีที่เปิดขึ้น
ในchromeโฟลเดอร์สร้างไฟล์ CSS ที่มีชื่อuserContent.css
คัดลอกรหัสต่อไปนี้เพื่อ userContent.cssแทนที่ "example.com" ด้วยเว็บไซต์ที่คุณต้องการแก้ไขและ CSS ที่กำหนดเองของคุณเองและเริ่ม Firefox ใหม่:

@-moz-document domain(example.com) {
    img { opacity: 0.05 !important; }
}

— Rauf
แหล่งที่มา

การอัพเดท / ดัดแปลงเล็กน้อยสำหรับขั้นตอนที่ 1; ข้อมูลการแก้ไขปัญหาจะเปิดลิงค์about:supportและใน Firefox (v20 สร้างขึ้นทุกคืนบน Ubuntu) มีรายการชื่อ "โปรไฟล์ไดเรกทอรี" พร้อมปุ่ม "Open Directory" ซึ่งเปิดไดเรกทอรีโปรไฟล์/home/tripleee/.mozilla/firefox/asdf1234.default/ใน Nautilus

— tripleee

คุณสามารถลบ@-moz-document domain("...")เพื่อใช้สไตล์กับทุกหน้า

— Nicolas

@Septagram ฉันคิดว่ามันคงเป็นเช่นนั้นเสมอ…เท่าที่ฉันจำได้chromeอาจมีuserChrome.cssซึ่งจะจัดรูปแบบส่วนต่อประสานของเบราว์เซอร์ ("chrome")

— แซม

หมายเหตุเล็ก ๆ น้อย ๆ ตรวจสอบให้แน่ใจว่าโฟลเดอร์ที่คุณสร้างมีชื่อว่า "chrome" ที่มีตัวพิมพ์เล็ก 'c' มิฉะนั้นจะไม่สามารถใช้งานได้บน Linux

— Oliver Burt

มันก็เป็นสิ่งที่จำเป็นที่จะรีสตาร์ท Firefox เพื่อให้มีผลบังคับใช้

— Peter Mortensen

มีนามสกุลเก่าที่เรียกว่า ChromEdit ซึ่งเพิ่มปุ่มง่าย ๆ เพื่อเปิด CSS ผู้ใช้สำหรับการแก้ไขได้อย่างง่ายดาย

เห็นได้ชัดว่าถูกบุกรุกหรือถอนออก มีสไตล์เป็นทางเลือก แต่ในทำนองเดียวกันสิ่งนี้ดูเหมือนจะหมดอายุ

ในขณะที่คุณต้องจำที่ไฟล์ควรจะไป

— OrangeDog
แหล่งที่มา

ฉันคิดว่าฉันได้รับ ChromEdit จากรายการอย่างเป็นทางการ แต่ก็โอเค

— OrangeDog

จากความคิดเห็นล่าสุดสไตล์ที่ควรหลีกเลี่ยง

— KlaymenDK

ส่วนขยายไม่เหมือนกับสไตล์ชีทของผู้ใช้จริง นั่นเป็นสาเหตุที่ Chrome เป็นขยะที่ไร้ค่าในขณะนี้

— Synetech

@Synetech คุณพูดถึงเรื่องอะไร? ส่วนขยายนี้เพิ่มปุ่มเพื่อเปิดสไตล์ชีทสำหรับการแก้ไข

— OrangeDog

มีสไตล์ไม่ทำงานสำหรับฉัน เมื่อฉันค้นหาความช่วยเหลือฉันพบหัวข้อฟอรัมซึ่งผู้ใช้กล่าวว่าผู้ใช้ส่วนใหญ่ของ Stylish ได้ย้ายไปที่ Stylus เนื่องจากการสนับสนุนผู้ใช้ที่ดีขึ้นและการปรับปรุงอย่างต่อเนื่องมากขึ้น Stylus เป็นทางแยกของ Stylish Stylus ทำงานให้ฉันโดยไม่ต้องรีสตาร์ท Firefox การใช้งานปลั๊กอินนั้นง่ายมาก - นำทางไปยังหน้าที่คุณต้องการจัดรูปแบบคลิกที่ไอคอนแอพที่ด้านบนขวาของเบราว์เซอร์เลือกว่าคุณต้องการใช้สไตล์กับ URL ปัจจุบันเท่านั้นหรือทั้งโดเมนและเขียนสไตล์ของคุณ เมื่อคุณเยี่ยมชมอีกครั้งไอคอนจะแสดงจำนวนลักษณะที่ปลั๊กอินใช้

— youcantryreachingme