>  기사  >  웹 프론트엔드  >  CSS: 스크롤바 화살표 색상의 사용법과 정의

CSS: 스크롤바 화살표 색상의 사용법과 정의

黄舟
黄舟원래의
2017-07-03 11:06:382670검색

구문:

scrollbar-arrow-color : color

매개변수:

color: 색상을 지정합니다. 색상 단위 및 부록: 색상표를 참조하세요.

설명:

스크롤 막대 방향 화살표의 색상을 설정하거나 검색합니다. 스크롤 막대가 있지만 사용할 수 없는 경우 이 속성은 효과가 없습니다.
overflow속성을 참조하세요.
해당 스크립트 기능은 scrollbarArrowColor입니다. 제가 쓴 다른 책들도 참조해 주세요.

예:

div {scrollbar-arrow-color : buttontext; }

구문:

scrollbar-arrow-color:<color>

기본값: 버튼텍스트

적용 대상: 테이블 시스템을 제외한 모든 블록 수준 요소

상속속성: 예

값:

:

색상을 지정하세요.

설명:

개체스크롤 막대 방향 화살표의 색상을 검색하거나 설정합니다. 스크롤 막대가 있지만 사용할 수 없는 경우 이 속성은 효과가 없습니다.

해당 스크립트 기능은 scrollbarArrowColor입니다.

호환성:

밝은 녹색 = 지원됨

빨간색 = 지원되지 않음

진한 녹색 = 부분적으로 지원됨

주황색 = 실험적

지원되는 버전 유형

IE Safari Chrome Opera

버전

6 18 5.1 .7 13-23 11.5-12.5

예:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>scrollbar-arrow-color_CSS参考手册_web前端开发参考手册系列</title>
<style>
div{overflow:scroll;width:200px;height:80px;margin-top:20px;}
.test{scrollbar-arrow-color:#f00;}
.test2{scrollbar-arrow-color:#080;}
.test3{scrollbar-arrow-color:#630;}
</style>
</head>
<body>
<div>自定义滚动条方向箭头的外观颜色。你将在IE浏览器下看到滚动条的方向箭头变成红色</div>
<div>自定义滚动条方向箭头的外观颜色。你将在IE浏览器下看到滚动条的方向箭头变成绿色</div>
<div>自定义滚动条方向箭头的外观颜色。你将在IE浏览器下看到滚动条的方向箭头变成棕色</div>
</body>
</html>

위 내용은 CSS: 스크롤바 화살표 색상의 사용법과 정의의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.