CSS를 사용하여 스크롤 바를 수정하십시오
1. 오버플로 콘텐츠 오버 플로우시 설정
오버 플로우 -X X 수평 내용이 오버플로 설정됩니다
오버플로 수직 콘텐츠 오버플로 설정
위의 세 가지 속성에 의해 설정된 값은 표시 (기본값), 스크롤, 숨겨진 및 자동입니다.
2. Scrollbar-3D-Light-Color 3 차원 스크롤 바 밝은 가장자리 색상
버튼 위에 삼각형 화살표의 스크롤 바-화살표 색상
스크롤 바베이스 컬러 스크롤바 기본 색상
Scrollbar-Dark-Shadow-Color 3 차원 스크롤 바 강한 그림자 색상
3 차원 스크롤 바의 볼록한 부분의 스크롤 바 페이스 컬러 색상
스크롤 바의 빈 부분의 스크롤바 하이 라이트 컬러 색상
입체 스크롤 바 그림자의 스크롤 바 샤로우 색상
위의 7 가지 속성에 의해 설정된 값은 색상 값이며 스타일 시트로 정의 된 다양한 표현식을 사용할 수 있습니다.
위의 스타일 정의 컨텐츠를 사용하여 스크롤 막대가 표시되는지 여부와 브라우저 창과 멀티 라인 텍스트 상자의 색상 스타일을 지정할 수 있습니다. 첫 번째 스타일 속성 세트는 스크롤 막대가 표시되는지 여부를 설정하는 데 사용됩니다. 두 번째 스타일 속성 세트는 스크롤 막대의 색상을 설정하는 데 사용됩니다. 이 기사와 관련된 스타일 속성은 IE 만 지원할 수 있습니다. 두 번째 스타일 속성 세트는 IE 버전 5.5에서만 지원할 수 있으므로 디버깅 할 때주의를 기울이십시오.
몇 가지 예를 통해 위의 스타일 속성을 설명 할 것입니다.
1. 브라우저 창이 스크롤 바로 표시되지 않도록합니다
수평 스크롤 막대가 없습니다
<바디 스타일 = 오버 플로우 -x : 숨겨진>
수직 스크롤 막대가 없습니다
<바디 스타일 = 오버플로 Y : 숨겨진>
스크롤 바가 없습니다
<Body Style = Overflow-X : 숨겨진; 오버플로 -Y : hidden> 또는 <body style = 오버플로 : 숨겨진>
2. 멀티 라인 텍스트 상자의 스크롤 막대를 설정하십시오
수평 스크롤 막대가 없습니다
코드를 복사하십시오