userContent.css로 Firefox에서 사이트의 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; }
}

— 라우 프
소스

1 단계의 작은 업데이트 / 수정; 문제 해결 정보는 링크를 열고 about:supportFirefox (v20 야간 Ubuntu에서 빌드)에는 "프로필 디렉토리"라는 항목이 있으며 "Open Directory"버튼이 /home/tripleee/.mozilla/firefox/asdf1234.default/있어 노틸러스 에서 프로필 디렉토리를 엽니 다 .

— tripleee

@-moz-document domain("...")스타일을 모든 페이지에 적용 하기 위해 제거 할 수 있습니다 .

— 니콜라스

@Septagram 나는 항상 그런 식으로 생각합니다 ... 기억하는 것처럼 브라우저 인터페이스 ( "chrome")를 스타일링하는을 chrome포함 할 수도 있습니다 userChrome.css.

— sam

하나의 작은 메모는 생성 한 폴더의 이름이 "chrome"이고 소문자 'c'로되어 있는지 확인하십시오. 그렇지 않으면 Linux에서 작동하지 않습니다.

— Oliver Burt

그것은 그것입니다 필요 에 다시 시작 을 적용하기 위해 파이어 폭스를.

— Peter Mortensen

ChromEdit이라는 오래된 확장 프로그램이 있는데, 편집을 위해 사용자 CSS를 쉽게 열 수있는 간단한 버튼이 추가되었습니다.

이것은 분명히 타협되거나 철회되었습니다. 스타일리시 한 대안이되었지만 유사하게 이제는 기능이 없어 보입니다.

현재는 파일의 위치를 기억해야합니다.

— OrangeDog
소스

공식 목록에서 ChromEdit을 사용할 것이라고 생각했지만 괜찮습니다.

— OrangeDog

최근 리뷰를 바탕으로, 스타일리쉬는 피해야합니다.

— KlaymenDK

확장명은 실제 사용자 스타일 시트와 다릅니다. 이것이 바로 Chrome이 쓸모없는 쓰레기 인 이유입니다.

— Synetech

@Synetech 무슨 소리 야? 이 확장은 편집을 위해 스타일 시트를 여는 버튼을 추가합니다.

— OrangeDog

세련된 나를 위해 작동하지 않았습니다. 도움말을 검색했을 때 사용자가 더 나은 사용자 지원과 지속적인 업데이트로 인해 Stylish 사용자 대부분이 Stylus로 이사했다고 포럼 주제를 찾았습니다. 스타일러스는 스타일리시 한 포크입니다. 스타일러스는 Firefox를 다시 시작할 필요없이 나를 위해 일했습니다. 플러그인 사용법은 간단합니다. 스타일을 지정할 페이지로 이동하고, 브라우저 오른쪽 상단에있는 앱 아이콘을 클릭하고, 현재 URL에만 또는 전체 도메인에 스타일을 적용할지 여부를 선택하고 스타일을 작성하십시오. 다시 방문하면 아이콘이 플러그인에 적용되는 스타일 수를 표시합니다.

— youcantryreachingme