| | |
|---|
| | | image-rendering: -webkit-optimize-contrast; |
|---|
| | | image-rendering: crisp-edges; |
|---|
| | | -ms-interpolation-mode: nearest-neighbor; |
|---|
| | | } |
|---|
| | | |
|---|
| | | |
|---|
| | | |
|---|
| | | /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ |
|---|
| | | ::-webkit-scrollbar { |
|---|
| | | width: 16px; |
|---|
| | | /*滚动条宽度*/ |
|---|
| | | height: 16px; |
|---|
| | | /*滚动条高度*/ |
|---|
| | | } |
|---|
| | | |
|---|
| | | /*定义滚动条轨道 内阴影+圆角*/ |
|---|
| | | ::-webkit-scrollbar-track { |
|---|
| | | -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); |
|---|
| | | border-radius: 10px; |
|---|
| | | /*滚动条的背景区域的圆角*/ |
|---|
| | | background-color: #fff; |
|---|
| | | /*滚动条的背景颜色*/ |
|---|
| | | } |
|---|
| | | |
|---|
| | | /*定义滑块 内阴影+圆角*/ |
|---|
| | | ::-webkit-scrollbar-thumb { |
|---|
| | | border-radius: 10px; |
|---|
| | | /*滚动条的圆角*/ |
|---|
| | | -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, .9); |
|---|
| | | background-color: green; |
|---|
| | | /*滚动条的背景颜色*/ |
|---|
| | | } |
|---|
