如何将滚动条更改为自定义设计？ （避免使用默认的浏览器外观） [英] How to change the scrollbar to custom design? (avoid using the default browser look)

问题描述

在Gmail中，新外观，您可以看到有一个滚动条，但它看起来不像浏览器滚动条。如何制作？

In Gmail, the new look, you can see there is a scroll-bar but it does not look same like browser scrollbar. How to make it?

推荐答案

您看到的是 WebKit特定的修改浏览器的滚动条。它不适用于基于其他渲染引擎的浏览器。 IE使用一组完全不同的样式规则（在那篇文章中有一个链接），Firefox不允许正常使用，我相信。 Mozilla和W3，考虑操作系统GUI的主要浏览器滚动条部分，所以不是你应该搞砸的东西。你可以避免这些不一致的卷轴替换像在Adam的建议，但主要的滚动条，你被困住。

What you're seeing is WebKit-specific restyling of the browser's scrollbars. It doesn't apply to browsers based on other rendering engines. IE uses an entirely different set of style rules(there's a link in that post), and Firefox doesn't allow it at all normally, I believe. Mozilla, and the W3, consider the main browser scrollbars part of the OS GUI and so not something you should be messing with. You can get around these inconsistencies with scroller replacements like in Adam's suggestion, but the main scrollbars you're stuck with.

这篇关于如何将滚动条更改为自定义设计？ （避免使用默认的浏览器外观）的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！