OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <style> | 2 <style> |
3 .scroller { width: 100px; height: 30px; overflow: scroll; } | 3 .scroller { width: 100px; height: 30px; overflow: scroll; } |
4 .scroller::-webkit-scrollbar { width: 10px; height: 10px; } | 4 .scroller::-webkit-scrollbar { width: 10px; height: 10px; } |
5 | 5 |
6 .expbar-both::-webkit-scrollbar, | 6 .expbar-both::-webkit-scrollbar, |
7 .expbar-horizontal::-webkit-scrollbar:horizontal, | 7 .expbar-horizontal::-webkit-scrollbar:horizontal, |
8 .expbar-vertical::-webkit-scrollbar:vertical, | 8 .expbar-vertical::-webkit-scrollbar:vertical, |
9 .expbutton-dec::-webkit-scrollbar-button:decrement, | 9 .expbutton-dec::-webkit-scrollbar-button:decrement, |
10 .expbutton-inc::-webkit-scrollbar-button:increment, | 10 .expbutton-inc::-webkit-scrollbar-button:increment, |
11 .expbutton-start::-webkit-scrollbar-button:start, | 11 .expbutton-start::-webkit-scrollbar-button:start, |
12 .expbutton-end::-webkit-scrollbar-button:end, | 12 .expbutton-end::-webkit-scrollbar-button:end { |
13 .expbutton-both-hor::-webkit-scrollbar-button:single-button, | |
14 .expbutton-both-hor::-webkit-scrollbar-button:double-button { | |
15 background-color: green; | 13 background-color: green; |
16 } | 14 } |
17 </style> | 15 </style> |
18 <div class="scroller expbar-both">PASS</div> | 16 <div class="scroller expbar-both">PASS</div> |
19 <div class="scroller expbutton-dec">PASS</div> | 17 <div class="scroller expbutton-dec">PASS</div> |
20 <div class="scroller expbutton-inc">PASS</div> | 18 <div class="scroller expbutton-inc">PASS</div> |
21 <div class="scroller expbar-horizontal">PASS</div> | 19 <div class="scroller expbar-horizontal">PASS</div> |
22 <div class="scroller expbar-vertical">PASS</div> | 20 <div class="scroller expbar-vertical">PASS</div> |
23 <div class="scroller expbutton-start">PASS</div> | 21 <div class="scroller expbutton-start">PASS</div> |
24 <div class="scroller expbutton-end">PASS</div> | 22 <div class="scroller expbutton-end">PASS</div> |
25 <div class="scroller expbutton-both-hor">PASS</div> | |
OLD | NEW |