Question

急求支持火狐、谷歌、IE滚动条样式效果！

请教谁碰到火狐下也支持滚动样式改变？请知道的朋友发1个案例，非常感谢了

Answer 1

您好,如果想要修改得彻底一点需要uc脚本或者扩展才行
// ==UserScript==
// @name SmartScrollbar.uc.js
// @namespace http://d.hatena.ne.jp/Griever/
// @include main
// @version 0.0.5
// @note 0.0.5 Remove E4X
// @note CSS を微调整
// @note SmartScrollbar に改名
// ==/UserScript==
// thx! http://www.geocities.jp/adsldenet/past/sample.html

(function(){
const HIDE_START = true;
const HIDE_ALL = true; // falseならコンテンツの一番外侧のスクロールバーのみ有効
const HIDE_SCROLLBAR = false;

// 色、太さは适宜调整
var css = '\
html|html > scrollbar[orient="vertical"] > slider > thumb\
{\
max-width: 10px !important;\
min-width: 10px !important;\
}\
\
html|html > scrollbar[orient="horizontal"] > slider > thumb\
{\
max-height: 10px !important;\
min-height: 10px !important;\
}\
\
html|html > scrollbar > slider > thumb\
{\
-moz-appearance: none !important;\
border: none !important;\
background-color: #CDCDCD!important;\
}\
\
html|html > scrollbar > scrollbarbutton,\
html|html > resizer\
{\
display: none !important;\
}\
';

if (HIDE_SCROLLBAR)
css = 'html|html > scrollbar { visibility: collapse !important; }';
var NS = '@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");';
NS += '@namespace html url("http://www.w3.org/1999/xhtml");';
css = NS + css;

if (HIDE_ALL)
css = css.replace(/html\|html > /g, 'html|*:not(html|select) > ');

var sss = Cc['@mozilla.org/content/style-sheet-service;1'].getService(Ci.nsIStyleSheetService);
var uri = makeURI('data:text/css;charset=UTF=8,' + encodeURIComponent(css));

var p = document.getElementById('devToolsSeparator');
var m = document.createElement('menuitem');
m.setAttribute('label', "\u9690\u85CF\u6EDA\u52A8\u6761");
m.setAttribute('type', 'checkbox');
m.setAttribute('autocheck', 'false');
m.setAttribute('checked', HIDE_START);
p.parentNode.insertBefore(m, p);

m.addEventListener('command', command, false);

if (HIDE_START) {
sss.loadAndRegisterSheet(uri,sss.AGENT_SHEET);
}

function command(){
if (sss.sheetRegistered(uri, sss.AGENT_SHEET)){
sss.unregisterSheet(uri, sss.AGENT_SHEET);
m.setAttribute('checked', false);
} else {
sss.loadAndRegisterSheet(uri, sss.AGENT_SHEET);
m.setAttribute('checked', true);
}
}

})();

这个是IE10的效果
另存为xxxx.uc.js放进firefox的profile目录的chrome文件夹即可
之前还需要安装userchromejs扩展
http://downloads.mozdev.org/userchromejs/userChromeJS-1.5.xpi