我只能在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;
}