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

请教谁碰到火狐下也支持滚动样式改变?请知道的朋友发1个案例,非常感谢了... 请教谁碰到火狐下也支持滚动样式改变?请知道的朋友发1个案例,非常感谢了 展开
 我来答
火狐
2013-03-21 · Firefox,最快最安全的上网体验
火狐
Mozilla Firefox火狐浏览器,是一款开放安全的开源浏览器,全球拥有5亿用户。
向TA提问
展开全部
您好,如果想要修改得彻底一点需要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
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式