style_webkit_scrollbars_test.html 1013 B

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. <!DOCTYPE html>
  2. <html>
  3. <!--
  4. Copyright 2011 The Closure Library Authors. All Rights Reserved.
  5. Use of this source code is governed by the Apache License, Version 2.0.
  6. See the COPYING file for details.
  7. -->
  8. <head>
  9. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  10. <meta charset="UTF-8" />
  11. <title>
  12. Closure Unit Tests - goog.dom.style
  13. </title>
  14. <script src="../base.js">
  15. </script>
  16. <script>
  17. goog.require('goog.style.webkitScrollbarsTest');
  18. </script>
  19. <style>
  20. /*
  21. * Note that we have to apply these styles when the page is loaded or the
  22. * scrollbars might not pick them up.
  23. */
  24. ::-webkit-scrollbar {
  25. width: 16px;
  26. height: 16px;
  27. }
  28. .otherScrollBar::-webkit-scrollbar {
  29. width: 10px;
  30. height: 10px;
  31. }
  32. </style>
  33. </head>
  34. <body>
  35. <div id="test-scrollbarwidth" style="background-color: orange; width: 100px; height: 100px; overflow: auto;">
  36. <div style="width: 200px; height: 200px; background-color: red">
  37. Test Scroll bar width with scroll
  38. </div>
  39. </div>
  40. </body>
  41. </html>