| <head> |
| <style> |
| div::-webkit-scrollbar { |
| width:17px; |
| height:17px; |
| } |
| |
| div::-webkit-scrollbar-button { |
| display:block; |
| width: 17px; |
| height: 17px; |
| background-color:lightblue; |
| border:2px solid black; |
| } |
| |
| div::-webkit-scrollbar-thumb { |
| min-width:20px; |
| min-height:20px; |
| background-color: navy; |
| border:2px solid #cccccc; |
| } |
| |
| div::-webkit-scrollbar-button:disabled { |
| display:none |
| } |
| |
| div::-webkit-scrollbar-track { |
| background-color: maroon; |
| } |
| |
| div::-webkit-scrollbar-track:disabled { |
| background-color: grey; |
| } |
| |
| </style> |
| </head> |
| <body> |
| <div style="width:200px; height:200px; overflow-y:auto; overflow-x:scroll"> |
| Hello<br> |
| Hello<br>Hello<br>Hello<br>Hello<br>Hello<br>Hello<br>Hello<br> |
| Hello<br>Hello<br>Hello<br>Hello<br> |
| Hello<br>Hello<br>Hello<br>Hello<br> |
| Hello<br>Hello<br>Hello<br> |
| Hello<br>Hello<br>Hello<br> |
| Hello<br>Hello<br>Hello<br>Hello<br> |
| Hello<br>Hello<br>Hello<br>Hello<br>Hello<br>Hello<br> |
| Hello<br>Hello<br>Hello<br>Hello<br> |
| Hello<br>Hello<br>Hello<br>Hello<br>Hello<br>Hello<br> |
| Hello<br>Hello<br>Hello<br>Hello<br> |
| Hello<br>Hello<br>Hello<br> |
| </div> |
