Làm cách nào để ghi đè CSS của một trang web trong Firefox bằng userContent.css?


88

Trong Mozilla Firefox, tôi muốn tạo userContent.cssphần ghi đè CSS của trang web.

Tôi nên tạo tập tin ở đâu?

Bạn có thể vui lòng mô tả nó dựa trên Windows 7?

Câu trả lời:


111
  1. Mở Firefox và nhấn Altđể hiển thị menu trên cùng, sau đó nhấp vào HelpTroubleshooting Information
  2. Nhấp vào Open Foldernút bên cạnh Profile Foldermục
  3. Tạo một thư mục có tên chrometrong thư mục mở ra
  4. Trong chromethư mục tạo một tệp CSS có tênuserContent.css
  5. Sao chép mã sau vào userContent.css, thay thế "example.com" bằng trang web bạn muốn sửa đổi và CSS tùy chỉnh của riêng bạn và khởi động lại Firefox:
@-moz-document domain(example.com) {
    img { opacity: 0.05 !important; }
}

6
Một cập nhật / sửa đổi nhỏ cho bước 1; Thông tin khắc phục sự cố mở ra một liên kết about:supportvà trong Firefox của tôi (v20 bản dựng hàng đêm trên Ubuntu), nó có một mục có tên "Thư mục hồ sơ" với nút "Mở thư mục" mở thư mục hồ sơ /home/tripleee/.mozilla/firefox/asdf1234.default/trong Nautilus.
tripleee

6
Bạn có thể loại bỏ @-moz-document domain("...")để áp dụng kiểu cho mỗi trang.
Nicolas

2
@Septagram Tôi nghĩ rằng nó luôn luôn theo cách mà tôi nhớ, chromecũng có thể chứa userChrome.css, nó sẽ tạo kiểu cho giao diện trình duyệt ("chrome").
sam

5
Một lưu ý nhỏ, đảm bảo rằng thư mục bạn tạo được đặt tên là "chrome", với chữ thường 'c', nếu không nó sẽ không hoạt động trên Linux.
Oliver Burt

6
Nó là cần thiết để khởi động lại Firefox cho nó có hiệu lực.
Peter Mortensen

4

Có một tiện ích mở rộng cũ có tên ChromEdit, đã thêm một nút đơn giản để dễ dàng mở CSS người dùng để chỉnh sửa.

Điều này rõ ràng đã bị xâm phạm hoặc rút tiền. Sành điệu là một sự thay thế, nhưng tương tự như vậy bây giờ dường như không còn tồn tại.

Tại thời điểm này, bạn chỉ cần nhớ nơi tập tin sẽ đi.


Tôi nghĩ rằng tôi đã có ChromEdit từ danh sách chính thức, nhưng OK.
OrangeDog

9
Dựa trên những đánh giá gần đây, có lẽ nên tránh sành điệu.
KlaymenDK

1
Một tiện ích mở rộng không giống như biểu định kiểu người dùng thực tế. Đó là lý do tại sao Chrome là rác vô giá trị.
Synetech

1
@Synetech bạn đang nói về cái gì vậy? Tiện ích mở rộng này thêm một nút để mở biểu định kiểu để chỉnh sửa.
OrangeDog

Phong cách không làm việc cho tôi. Khi tôi tìm kiếm trợ giúp, tôi đã tìm thấy một chủ đề diễn đàn trong đó một người dùng cho biết hầu hết người dùng của Styles đã chuyển sang Stylus vì hỗ trợ người dùng tốt hơn và cập nhật liên tục hơn. Bút stylus là một ngã ba của Phong cách. Bút stylus làm việc cho tôi mà không cần phải khởi động lại Firefox. Cách sử dụng trình cắm rất đơn giản - điều hướng đến trang bạn muốn tạo kiểu, nhấp vào biểu tượng ứng dụng ở phía trên bên phải trình duyệt của bạn, chọn xem bạn muốn áp dụng kiểu cho chỉ URL hiện tại hay toàn bộ tên miền và viết kiểu của bạn. Khi bạn truy cập lại, biểu tượng hiển thị số kiểu được plugin áp dụng.
youcantryreachingme
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.