javascript - 我可以只在 Windows 上加载 css 文件吗？

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;
}