diff options
| author | Steve Block <steveblock@google.com> | 2011-05-06 11:45:16 +0100 |
|---|---|---|
| committer | Steve Block <steveblock@google.com> | 2011-05-12 13:44:10 +0100 |
| commit | cad810f21b803229eb11403f9209855525a25d57 (patch) | |
| tree | 29a6fd0279be608e0fe9ffe9841f722f0f4e4269 /Source/WebCore/manual-tests/scrollbar-hover-active.html | |
| parent | 121b0cf4517156d0ac5111caf9830c51b69bae8f (diff) | |
| download | external_webkit-cad810f21b803229eb11403f9209855525a25d57.zip external_webkit-cad810f21b803229eb11403f9209855525a25d57.tar.gz external_webkit-cad810f21b803229eb11403f9209855525a25d57.tar.bz2 | |
Merge WebKit at r75315: Initial merge by git.
Change-Id: I570314b346ce101c935ed22a626b48c2af266b84
Diffstat (limited to 'Source/WebCore/manual-tests/scrollbar-hover-active.html')
| -rw-r--r-- | Source/WebCore/manual-tests/scrollbar-hover-active.html | 76 |
1 files changed, 76 insertions, 0 deletions
diff --git a/Source/WebCore/manual-tests/scrollbar-hover-active.html b/Source/WebCore/manual-tests/scrollbar-hover-active.html new file mode 100644 index 0000000..e7646ca --- /dev/null +++ b/Source/WebCore/manual-tests/scrollbar-hover-active.html @@ -0,0 +1,76 @@ +<head> +<style> +div::-webkit-scrollbar { + width:17px; + height:17px; +} + +div::-webkit-scrollbar-button { + display: block; + width: 17px; + height: 17px; +} + +div::-webkit-scrollbar-button:-webkit-decrement:-webkit-start { + background-color:lightblue; + border:2px solid black; +} + +div::-webkit-scrollbar-button:-webkit-increment:-webkit-start { + background-color:lightgreen; + border:2px solid black; +} + +div::-webkit-scrollbar-button:-webkit-decrement:-webkit-end { + background-color:orange; + border:2px solid black; +} + +div::-webkit-scrollbar-button:-webkit-increment:-webkit-end { + background-color:brown; + border:2px solid black; +} + +div::-webkit-scrollbar-button:hover { + background-color:black !important; +} + +div::-webkit-scrollbar-thumb { + min-width:20px; + min-height:20px; + background-color: navy; + border:2px solid #cccccc; +} + +div::-webkit-scrollbar-track { + background-color: pink; +} + +div::-webkit-scrollbar-thumb:hover { + background-color: green; +} + +div::-webkit-scrollbar-thumb:active { + border:3px dotted white; +} + +div::-webkit-scrollbar-track:hover { + background-color: maroon; +} + +</style> +</head> +<body> +<div style="width:200px; height:200px; overflow-y:scroll; overflow-x:hidden"> +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> +<span style="white-space:nowrap">Hello world this is a long string and will not wrap.</span> +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> |