Chrome의 기본 CSS 변경

링크 밑줄 제거 등 크롬에서 사용하는 기본 CSS를 변경하고 싶습니다. 그러나 크롬에서 사용하는 기본 CSS 파일을 찾을 수 없습니다. 어디에 있는지 아는 사람 있습니까?

(업데이트 2014) 최근 에 사용자 스타일 시트 지원이 Chrome에서 제거 되었으므로이 시점의 유일한 옵션은 스타일러스 (예 : 스타일러스 * 1)를 사용하는 것이지만 다르게 동작합니다 (아래 참조).

Chrome에서 실제 사용자 스타일 시트를 다시 도입하기위한 가장 관련성 높은 요청은 Issue 347016 : Support user stylesheets 입니다.

사양 당, "진정한 사용자 스타일" 규칙이 낮은 원점 특이 저자 규칙보다 캐스케이드를하지만, !important사용자 스타일 시트 규칙이 높은 기원 특이성 이상의 !important관계없이의 저자 규칙을 선택 특이성 .

Chrome에서 사용자 스타일 시트를 모방 한 확장 프로그램은 단순히 마지막 스타일 요소를 페이지에 삽입하기 만하면 어떤 결과가 발생합니다.

• 이러한 스타일은 캐스케이드 에서 "작성자 수준" 에 있으므로 !important규칙보다 우선 순위가 높은 규칙이 있어야합니다.
• "귀하의"삽입 스타일은 페이지 스크립트에 노출되므로 마음대로 쉽게 삭제할 수 있습니다.

* 1 Original extension, Stylish 는 현재 (2017 년) 새로운 메인테이너에 의해 비정상적인 개발 상태에 있으므로,이를 피하고 앞서 언급 한 스타일러스와 같은 대안을 사용하는 것이 좋습니다.

(원래 답변을 따르는 것은 이제 더 이상 사용되지 않습니다.)

Afaik UA CSS 자체를 조정할 수는 없지만 전역 사용자 스타일을 만들 수 있습니다 --enable-user-stylesheet.로 Chrome을 한 ​​번 시작하십시오 . 그러면 사용할 수 <user-data-dir>/<profile>/User StyleSheet/Custom.css있는 것이 생성됩니다 (변경 사항이 즉시 전파됨). http://code.google.com/p/chromium/issues/detail?id=2393

이 토론을 살펴볼 수 있습니다 : 문제 2393 : 지원 사용자 스타일 시트

맨 끝에 그들은 --enable-user-stylesheetChrome을 시작할 때이 매개 변수가 맞춤 스타일 시트를 사용할 수 있다고 언급합니다 .

내가 생각할 수있는 유일한 해결책은 링크의 밑줄을 끄는 모든 HTML 페이지에 스타일 항목을 추가하는 Greasemonkey 스크립트를 사용하는 것입니다. 다음과 같은 것 :

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

이 기사는 분명히 시작할 수 있습니다.
방법 : Chrome Greasemonkey 스크립트 설치 (Windows 만 해당)

특정 웹 사이트를 사용자 정의하려는 경우 greasemonkey 스타일의 사용자 스크립트를 사용할 수 있습니다 .

크롬 CSS UI 스타일을 변경할 수 있습니다. 변경하면 #footer {color:#5F5F5F !important;}#footer를 사용하는 모든 사이트에서 Example :과 같은 일부 효과 가 변경됩니다. 경고를 받았습니다. Custom.css는 크롬 브라우저에서 거의 모든 것을 변경합니다.

Windows XP Google 크롬 :

C : \ 문서 및 설정 \ % USERNAME % \ 로컬 설정 \ 응용 프로그램 데이터 \ Google \ Chrome \ 사용자 데이터 \ 기본

크롬:

C : \ Documents and Settings \ % USERNAME % \ Local Settings \ Application Data \ Chromium \ User Data \ Default \ 사용자 스타일 시트

Windows 7 또는 Vista (도움말 섹션의 도움말) Chrome :

C : \ Users \ % USERNAME % \ AppData \ Local \ Google \ Chrome \ User Data \ Default \ User StyleSheets

크롬:

C : \ Users \ % USERNAME % \ AppData \ Local \ Chromium \ User Data \ Default \ User StyleSheets

Mac OS X Google 크롬 :

~ / 라이브러리 / 응용 프로그램 지원 / Google / Chrome / 기본 / 사용자 스타일 시트

크롬:

~ / 라이브러리 / 응용 프로그램 지원 / 크롬 / 기본 / 사용자 스타일 시트

리눅스 구글 크롬 :

~ / .config / google-chrome / Default / 사용자 스타일 시트

크롬:

~ / .config / chromium / Default

크롬 OS

/ home / chronos /

프로그램 편집기 http://userstyles.org/styles/95226/chrome-userstyles-editor-hacker-version-cyberat에 대한 내 테마를 증명하고 싶습니다.

UI 스타일 시트 또는 페이스 북 google.etc와 같은 임의의 사이트를 만들고 블랙 & 레드로 만드십시오.

Stylish 를 사용자 스타일 인젝터로 사용할 때 문제가 있습니다 .없는
사용자 우선 순위 수준이없는 !important작성자 우선 순위 수준 보다 높습니다!important

그래서 나는 인젝터로 사용자 스크립트를 작성합니다 :
https://github.com/zcyzcy88/SelfColle/blob/master/StyleInject.user.js

원칙 : 사용자 스타일 오버레이를 피하기 위해 웹 페이지 제작자 스타일 앞에
스타일을 삽입하십시오 document.head.prependChild().

2018 년에 Chrome> = 68.0.3440.106 (그리고 아마도 훨씬 이전)

이미 다양한 개발 용도로 확장 리소스 오버라이드 를 사용 했으므로 이제이 스타일을 사용하여 JIRA에서 일부 잘못된 스타일 선택을 수정하기 위해 자체 스타일 시트를 추가하고 더 많은 광고를 숨길 수 있습니다. 내가 사용하는 옵션은 "파일 삽입"이며 매우 잘 작동합니다. 특정 사이트에서만 작동하도록 'url'설정을 정규 표현식으로 시도하지 않았지만 CSS 선택기는 URL을 '*'로 그대로 둘 수있을만큼 구체적입니다.

스타일이 지정되지 않은 페이지에 스타일 시트를 제공하는 방법에 대한 솔루션을 찾을 때이 질문을 발견했습니다. 위의 해결책 중 어느 것도 2018 년 9 월 현재 크롬에서 이전에 제거 된 사용자 정의 스타일 시트 기능을 지원하지 않습니다.

내가 찾은 솔루션은 내 유스 케이스에 매력처럼 작동합니다. 이 크롬 애드온 을 사용자 정의 CSS를 페이지 헤더에 삽입하는 사용자 정의 CSS를 삽입하는 사용자 정의 js 스크립트와 함께 사용 하면 달성됩니다 . 스타일 시트가 연결된 페이지에서는 작동하지 않지만 사용 사례로는 충분합니다.

사용중인 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을 사용하십시오.

크롬

사용자 스크립트 라이브러리

파이어 폭스의 경우 웹을 사용자 정의