gpt4 book ai didi

html - 自定义滚动条 Internet Explorer 问题

转载 作者:太空宇宙 更新时间:2023-11-03 21:54:21 24 4
gpt4 key购买 nike

我有一个由代码 as shown here 完成的自定义滚动条:

::selection {
background: #333;
color: #FFF;
}
::-webkit-scrollbar {
width: 9px;
}
::-webkit-scrollbar-track {
background:#eee;
border: thin solid lightgray;
box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1) inset;
}
::-webkit-scrollbar-thumb {
background:#999;
border: thin solid gray;
}

它在 Chrome、Firefox 上工作正常...但是 Internet Explorer 它不工作我应该添加什么?

最佳答案

指定的 CSS 只会在 webkit 浏览器(如 Chrome 和 Safari)上应用自定义滚动条。 Internet Explorer 仅支持有限数量的滚动条自定义。查看MSDN reference还有这个IE scrollbar CSS generator .

此外,Firefox 不支持自定义滚动条 ( bug report ),所以我不确定您的 CSS 在 Firefox 中的工作方式 - 它不适合我。

如果需要,可以使用基于 JavaScript 的 jScrollPane在所有浏览器中实现自定义滚动条,但要注意,许多人讨厌 JavaScript 滚动条的用户体验,包括我自己。

关于html - 自定义滚动条 Internet Explorer 问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14946789/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com