☰

고쳐 쓰다:

tag-icon • tag-icon chrome browser
고쳐 쓰다:

추가 확장 프로그램을 설치하지 않고도 Chromium 브라우저의 스크롤 막대 색상을 변경할 수 있나요?

어쩌면 CSS 파일을 어딘가에서 수정하면 될까요?

저는 데비안 10에서 크롬 83을 사용하고 있습니다.

저는 Firefox에서 이 작업을 수행하는 방법을 알고 있습니다. 방금 다음 줄을 추가했습니다.userContent.css

html,body{
    scrollbar-color: #B63C29 #555555 !important;
}

Chromium에서 동일한 효과를 얻기 위해 비슷한 작업을 수행할 수 있나요?

고쳐 쓰다:

다음 해결 방법을 시도했지만 아무 소용이 없습니다.

  1. 디렉토리를 생성했습니다~/.config/chromium/Default/User StyleSheets/
  2. Custom.css그 안에 파일을 생성하세요
  3. 테스트하려면 다음 코드를 추가하세요.
    .scrollable-element {
      scrollbar-color: red yellow;
    }

아무것도 없습니다. 효과가 없습니다.

누군가 나에게 간단한 것을 말해 줄 수 있습니까?피복재스크롤바를 빨간색으로 어떻게 바꿀 수 있나요?

답변1

다른 방법이 작동하지 않으면 일종의 확장 프로그램을 사용해야 할 수도 있습니다. 기반으로이 문제그리고이 답변그리고이것나는 이걸했다:

$ mkdir CustomCSS && cd CustomCSS
$ cat > manifest.json << EOF
 
{
    "name": "My Style Sheet",
    "content_scripts": [
        {
          "matches": ["*://*/*"],
          "css": ["Custom.css"]
        }
    ],
    "version": "1.0.0",
    "description": "User StyleSheet replacement",
    "manifest_version": 2
}
EOF

$ cat > Custom.css << EOF
 
::-webkit-scrollbar {
    height: 12px;
    width: 12px;
    background: yellow;
}
 
::-webkit-scrollbar-thumb {
    background: red;
    -webkit-border-radius: 1ex;
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
}
 
::-webkit-scrollbar-corner {
    background: #000;
}
EOF

chrome://extensions개발자 모드가 켜져 있는 경우 : 압축이 풀린 확장 프로그램 로드 -> 경로/to/CustomCSS 선택

그게 다야. 효과가있다. 노란색 배경에 빨간색 스크롤 막대입니다.

확인 결과 chrome://memory약 1.8MiB의 메모리를 사용하는 것으로 나타났습니다.

--

Ed: 사이트 스타일을 재정의하려면 다음을 사용해 보세요.!important규칙

background: red !important;

답변2

예, 가능합니다.

!ddg 크롬 스크롤 막대 색상

Chrome에서 스크롤바를 다른 색상으로 변경하는 방법은 무엇입니까?

Chrome에서 스크롤바 스타일과 색상을 변경하는 방법

Google Chrome(-webkit)에서 CSS를 사용하여 스크롤 막대 스타일 설정

다른 사람은 위의 링크를 찾았습니다.

구글 크롬 또는 크롬

Google 크롬은 프로필 폴더나 사용자 프로필 폴더에서 수정할 수 있는 사용자 스타일시트를 제공합니다. Chromium/Linux에서는 ~/.config/chromium/Default/User StyleSheets/Custom.css에 있습니다. Google Chrome의 경우 ~/.config/google-chrome/Default/User StyleSheets/에 있습니다. MS Windows에서 이 위치는 %AppData%\Local\Google\Chrome\User Data\Default\User StyleSheets입니다. 이는 브라우저 버전 및 운영 체제에 따라 다를 수 있지만 시스템의 /Default/User StyleSheets/ 폴더 아래 구성 폴더를 확인하십시오. 또한 Custom.css라는 파일이 없으면 User StyleSheets/ 폴더에 파일을 만들어야 합니다.

웹 브라우저에서 사용자 정의 또는 사용자 스타일 시트(CSS)를 사용하는 방법.

관련 정보