2017-05-13 11 views
3

Visual Studio와 같은 Webkit 스크롤바를 디자인하려고했습니다.:: - 내용이있는 webkit-scrollbar-button

예 :

Original Visual Studio Scrollbar

내 질문은, 어떻게 예를 들어 같은 ::-webkit-scrollbar-button을 설정할 수 있습니까? 여기

내 코드입니다 :

::-webkit-scrollbar-button { 
    height: 10px; 
    content: "▲"; 
    color: rgb(255, 255, 255); 
    background: rgb(255, 0, 0); 
} 

출력 : My Scrollbar

▲ 같은 UTF-문자를 설정하거나 ▼하는 content: ""; 속성을 사용할 수 있습니까? 왜 표시되지 않습니까? 여기

content: ""는 스크롤로 작동하지 않는 Fiddle

답변

1

입니다. 나는 또한 content: "\25B2"으로 시도했지만 여전히 작동하지 않습니다.

아마 이런 배경 이미지를 사용할 수 있습니다. Fiddle