相关疑难解决方法(0)

嗨,我正在使用下一个CSS代码来设置Safari和Chrome中的滚动条样式.并且工作真的很棒,但我面临下一个问题,当我在ipad上查看网站时,我希望恢复默认值.我正在使用@media css来实现这个目标,但我不知道如何恢复默认值.

@media screen and (min-width: 768px) and (max-width: 1024px) {  }



/*Scroll bar nav*/
::-webkit-scrollbar {
    width: 12px;
}

/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background:#FFF;    
}

/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(204,204,204,0.8); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(204,204,204,0.4); 
}

我正在尝试向滚动条的轴x和y轴添加箭头,这是我的滚动条:http://jsfiddle.net/Nk3NH/ 我想要两个轴的箭头(图像):http://i.imgur. com/ygGobeC.png 我正在寻找添加箭头的代码 而不是上下.

请参考此处的表格. http://www.funkkopfhoerer-test.com/vergleichstabelle-funkkopfhoerer/

我正在使用Table Plugin并在其上创建了一个自定义滚动条.但在Safari浏览器设置中启用它之前,它不会出现在Safari浏览器上.所以,我写了这个Css(见下文),它现在出现在Safari中,无论浏览器设置如何.但这样做,我无法在Chrome和Safari中看到滚动条箭头.

`.wmd-view-topscroll::-webkit-scrollbar {
    -webkit-appearance: none;
}
.wmd-view-topscroll::-webkit-scrollbar-track {
    background-color: #f1f1f1;
}
.wmd-view-topscroll::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;
}`

我刚刚发现，当您使用 GitHub 的暗模式时，GitHub 在 Chrome 中使用暗滚动条。如果您切换颜色模式，滚动条也会切换。

我怎样才能达到这种行为？我找不到任何方法告诉浏览器使用暗模式。

暗模式滚动条：