Question

我只想在Windows中加载这段CSS。

/* total width */
*::-webkit-scrollbar {
    background-color:#fff;
    width:6px
}

/* background of the scrollbar except button or resizer */
*::-webkit-scrollbar-track {
    background-color:#fff
}
*::-webkit-scrollbar-track:hover {
    background-color:#f4f4f4
}

/* scrollbar itself */
*::-webkit-scrollbar-thumb {
    background-color:#babac0;
    border-radius:16px;
    /* border:1px solid #f4f4f4 */
}
*::-webkit-scrollbar-thumb:hover {
    background-color:#a0a0a5;
    /* border:1px solid #f4f4f4 */
}

/* set button(top and bottom of the scrollbar) */
*::-webkit-scrollbar-button {display:none}

这是用于自定义滚动条的，在Mac上，滚动条可以保持原来的状态。

我需要它才能在Windows中的每个浏览器中正常工作。

如果操作系统是Windows，是否可以加载包含该CSS代码的CSS文件？

Answer 1

尽管之前已经问过相同的问题，但这是您需要做的。使用javascript提供的 Navigator 对象并检查平台值。

类似这样的东西：

function changeStyle() {
var css = document.createElement('link');
css.rel="stylesheet";
css.type = 'text/css';

if (navigator.platform.indexOf("Win32")!=-1){ /* IF it is windows*/
css.href = 'stylewindows.css';
} else {
css.href = 'style.css';
}

document.getElementsByTagName("head")[0].appendChild(css);
return false;
}

我只能在Windows上加载CSS文件吗？

1 个答案: