display : none css 속성을 사용하여 숨겨진 웹킷 스크롤바를 표시하는 방법?

Question

페이지에서 display : none CSS 속성을 사용하여 숨겨진 웹킷 스크롤 막대가 있습니다.

#element::-webkit-scrollbar { 
    display: none; 
} 

내 응용 프로그램 수준의 CSS 파일 중 하나에서 나는 위의 CSS 규칙을 무시하려하지만 난 내가 CSS를 변경하려고 스크롤

를 표시 할 수 없습니다하지만 난 가져올 수 없습니다 display : none 속성이 없으면 거기에 있었을 정확한 스크롤바.

#element::-webkit-scrollbar { 
    -webkit-appearance: none; 
    width: 7px; 
    display: block; 
} 

#element::-webkit-scrollbar-thumb { 
    border-radius: 4px; 
    background-color: rgba(0,0,0,.5); 
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5); 
} 

위의 CSS

볼 스크롤 막대를 만든하지만 (내가 사용했던 아마 CSS 규칙 때문에) 나에게 추한 스크롤 막대를했다.

display : none 속성이 없으면 거기에 있었던 웹킷 스크롤바를 표시 할 수있는 간단한 방법이 있습니까? 디스플레이를 변경할 수 없습니다 : 내 앱에서 상속 중이므로 아무 것도 표시하지 않습니다. 나는 그 규칙을 단지 지나칠 수 있습니다.

편집 :

정확하게 비슷한 질문이 How to override "::-webkit-scrollbar" CSS rule and make scrollbar visible again을 요청했지만,이 또한 허용 대답이없는 것 같다.

Answer 1

디스플레이 : 아무 것도 숨기는 이유는 다른 속성을 추가하는 대신 화면을 덮어 쓰지 않는 이유는 무엇입니까?

이 할 수있는 다른 값으로 표시를 덮어 쓰기를 시도하는 것은이 있습니다

https://developer.mozilla.org/en-US/docs/Web/CSS/display