Thay đổi CSS mặc định của Google Chrome

Tôi muốn có thể thay đổi CSS mặc định được sử dụng bởi chrome, chẳng hạn như xóa phần gạch chân cho các liên kết, v.v. Tuy nhiên, tôi không thể tìm thấy tệp CSS mặc định được Chrome sử dụng. Có ai biết nó ở đâu không?

(Cập nhật 2014) Do hỗ trợ của các bảng định kiểu người dùng gần đây đã bị xóa khỏi Google Chrome, nên tùy chọn duy nhất cho thời điểm này là sử dụng các tiện ích mở rộng (như Bút stylus * 1), nhưng chúng sẽ hoạt động khác (xem bên dưới).

Yêu cầu phù hợp nhất để giới thiệu lại các bảng định kiểu người dùng thực trong Google Chrome là Vấn đề 347016: Hỗ trợ các bảng định kiểu người dùng .

Theo thông số kỹ thuật, quy tắc "biểu định kiểu người dùng thực" có độ đặc hiệu nguồn gốc thấp hơn so với quy tắc tác giả, nhưng !importantquy tắc biểu định kiểu người dùng có độ đặc hiệu gốc cao hơn !importantquy tắc tác giả, bất kể tính đặc hiệu của bộ chọn .

Các tiện ích mở rộng bắt chước các biểu định kiểu người dùng trong Chrome chỉ cần đưa phần tử kiểu cuối cùng vào trang, hy vọng có một số hậu quả:

• phong cách như vậy nằm ở "cấp độ tác giả" trong tầng, vì vậy bạn phải đảm bảo !importantquy tắc của mình có độ đặc hiệu cao hơn quy tắc bạn muốn ghi đè
• Kiểu "tiêm" của bạn được hiển thị với các tập lệnh trang, vì vậy họ có thể dễ dàng xóa nó theo ý muốn.

* 1 Tiện ích mở rộng ban đầu, Kiểu dáng , hiện tại (2017) đang trong tình trạng phát triển thất thường bởi một nhân viên chính mới, vì vậy tôi khuyên bạn nên tránh sử dụng nó và sử dụng thay thế như Bút stylus đã nói ở trên.

(Theo câu trả lời ban đầu đã lỗi thời.)

Afaik không thể tự điều chỉnh css UA, nhưng bạn có thể tạo kiểu người dùng toàn cầu: khởi động Chrome một lần với --enable-user-stylesheet. Điều này sẽ tạo ra <user-data-dir>/<profile>/User StyleSheet/Custom.cssnhững gì bạn có thể sử dụng (thay đổi được lan truyền ngay lập tức). http://code.google.com.vn/p/chromium/issues/detail?id=2393

Bạn có thể xem cuộc thảo luận này: Vấn đề 2393: Hỗ trợ biểu định kiểu người dùng

Cuối cùng, họ đề cập rằng --enable-user-stylesheettham số khi khởi động Chrome sẽ kích hoạt biểu định kiểu tùy chỉnh ..

Giải pháp duy nhất tôi có thể nghĩ đến là sử dụng tập lệnh Greasemonkey để thêm mục nhập kiểu vào mỗi trang html tắt phần gạch chân cho các liên kết. Cái gì đó như:

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

Bài viết này rõ ràng có thể giúp bạn bắt đầu:
CÁCH: Cài đặt Tập lệnh Google Chrome Greasemonkey (Chỉ dành cho Windows)

Nếu bạn quan tâm đến việc tùy chỉnh các trang web cụ thể, bạn có thể sử dụng tập lệnh người dùng kiểu greasemonkey .

Bạn có thể thay đổi màu sắc phong cách css ui. Chỉ cần nhớ nếu bạn thay đổi nó, một số hiệu ứng như Ví dụ: #footer {color:#5F5F5F !important;}sẽ thay đổi trên mọi trang web sử dụng #footer. Bạn đã được cảnh báo. Custom.css thay đổi hầu hết mọi thứ trong trình duyệt màu

Windows XP Google Chrome:

C: \ Tài liệu và Cài đặt \% USERNAME% \ Cài đặt cục bộ \ Dữ liệu ứng dụng \ Google \ Chrome \ Dữ liệu người dùng \ Mặc định

Crom:

C: \ Tài liệu và Cài đặt \% USERNAME% \ Cài đặt cục bộ \ Dữ liệu ứng dụng \ Chromium \ Dữ liệu người dùng \ Mặc định \ Kiểu dáng người dùng

Windows 7 hoặc Vista (phần trợ giúp) Google Chrome:

C: \ Users \% USERNAME% \ AppData \ Local \ Google \ Chrome \ Dữ liệu người dùng \ Mặc định \ StyleSheets

Crom:

C: \ Users \% USERNAME% \ AppData \ Local \ Chromium \ Dữ liệu người dùng \ Mặc định \ StyleSheets

Mac OS X Google Chrome:

~ / Thư viện / Hỗ trợ ứng dụng / Google / Chrome / Mặc định / StyleSheets

Crom:

~ / Thư viện / Hỗ trợ ứng dụng / Chromium / Mặc định / StyleSheets

Linux Google Chrome:

~ / .config / google-chrome / Mặc định / StyleSheets

Crom:

~ / .config / chromium / Mặc định

Hệ điều hành Chrome

/ nhà / chronos /

Muốn có bằng chứng, hãy kiểm tra chủ đề của tôi cho trình chỉnh sửa chương trình http://userstyles.org/styles/95226/chrome-userstyles-editor-hacker-version-cyberat

Vui lòng kiểm tra tôi, tôi tạo các biểu định kiểu UI hoặc các trang web ngẫu nhiên như facebook google.etc và làm cho chúng có màu đen và đỏ.

Có một vấn đề khi sử dụng Kiểu làm người tiêm theo kiểu
người dùng!important : mức độ ưu tiên của người dùng mà không cao hơn mức độ ưu tiên của tác giả mà không có!important

Vì vậy, tôi viết một tập lệnh người dùng dưới dạng trình tiêm:
https://github.com/zcyzcy88/SelfColle/blob/master/StyleInject.user.js

nguyên tắc:
Tiêm kiểu tại document.head.prependChild(), trước kiểu của tác giả trang web, có mức độ ưu tiên thấp hơn, để tránh lớp phủ kiểu người dùng.

Năm 2018, Chrome> = 68.0.3440.106 (và có thể sớm hơn nhiều)

Tôi đã có phần Ghi đè tài nguyên mở rộng cho các mục đích phát triển khác nhau, vì vậy bây giờ tôi sử dụng phần đó để thêm biểu định kiểu của riêng mình để sửa một số lựa chọn kiểu xấu trong JIRA (và để ẩn nhiều quảng cáo hơn - heh heh). Tùy chọn tôi sử dụng là "Tiêm tệp" và nó hoạt động rất tốt. Tôi đã không thử regexing cài đặt 'url' để làm cho nó chỉ hoạt động trên các trang web cụ thể, nhưng bộ chọn css của tôi đủ cụ thể để tôi có thể để lại url là '*'

Tôi đã bắt gặp câu hỏi này khi tìm kiếm một giải pháp về cách cung cấp biểu định kiểu cho các trang chưa được chỉnh sửa. Không có giải pháp nào ở trên giúp tôi nhiều như vậy kể từ ngày 09/2018 chrome không hỗ trợ chức năng biểu định kiểu tùy chỉnh đã xóa trước đó.

Giải pháp tôi đã đưa ra và hoạt động như sự quyến rũ cho trường hợp sử dụng của tôi đã đạt được bằng cách sử dụng addon chrome này với tập lệnh js tùy chỉnh chèn css tùy chỉnh của tôi vào tiêu đề của trang nếu nó không có bất kỳ bảng định kiểu nào. Nó sẽ không hoạt động trên một trang có bất kỳ biểu định kiểu nào được liên kết nhưng với trường hợp sử dụng của tôi thì nó là đủ.

Đây là tập lệnh JS tôi đang sử dụng:

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

Sử dụng Stylebot.

Chrome

Thư viện tập lệnh của người dùng

Đối với firefox, Tùy chỉnh trang web của bạn