Scrollbar bei einer Website ausblenden
CSS
@-moz-document url-prefix(http://www.mozilla-europe.org){
scrollbar[orient="vertical"]{opacity: 0 !important;}
scrollbar[orient="vertical"]:hover{opacity: 1 !important;}
scrollbar[orient="horizontal"]{opacity: 0 !important;}
scrollbar[orient="horizontal"]:hover{opacity: 1 !important;}
scrollcorner{opacity: 0 !important;}
scrollbar scrollcorner:hover {background:transparent !important;}}Scrollbar bei mehreren Websiten ausblenden
CSS
@-moz-document url-prefix(http://www.mozilla-europe.org), url-prefix(http://www.mozilla.com) {
scrollbar[orient="vertical"]{opacity: 0 !important;}
scrollbar[orient="vertical"]:hover{opacity: 1 !important;}
scrollbar[orient="horizontal"]{opacity: 0 !important;}
scrollbar[orient="horizontal"]:hover{opacity: 1 !important;}
scrollcorner{opacity: 0 !important;}
scrollbar scrollcorner:hover {background:transparent !important;}}Scrollbar bei allen Websiten ausblenden
CSS
@-moz-document url-prefix(http://), url-prefix(https://) {
scrollbar[orient="vertical"]{opacity: 0 !important;}
scrollbar[orient="vertical"]:hover{opacity: 1 !important;}
scrollbar[orient="horizontal"]{opacity: 0 !important;}
scrollbar[orient="horizontal"]:hover{opacity: 1 !important;}
scrollcorner{opacity: 0 !important;}
scrollbar scrollcorner:hover {background:transparent !important;}}Scrollbar bei Browser - Elementen ausblenden
weitere Firefox - Adressen
CSS
@-moz-document url-prefix(chrome://browser/content/preferences/preferences.xul), url-prefix(chrome://browser/content/browser.xul) {
scrollbar[orient="vertical"]{opacity: 0 !important;}
scrollbar[orient="vertical"]:hover{opacity: 1 !important;}
scrollbar[orient="horizontal"]{opacity: 0 !important;}
scrollbar[orient="horizontal"]:hover{opacity: 1 !important;}
scrollcorner{opacity: 0 !important;}
scrollbar scrollcorner:hover {background:transparent !important;}}Farben der Scrollbar ändern
bei Browser - Elementen
CSS
@-moz-document url-prefix(chrome://browser/content/history/history-panel.xul), url-prefix(chrome://browser/content/browser.xul) {
scrollbar thumb { -moz-appearance: -moz-win-glass !important; background: #000fff !important; border: 3px solid #fff !important; -moz-border-radius: 12px !important;}
scrollbarbutton{-moz-appearance: -moz-win-glass !important; background-color: #fff000!important;}
scrollbar thumb:hover{ opacity: .9 !important; }
scrollbarbutton:hover { opacity: .7 !important; background-color: #ff0000 !important;}
scrollbar {background: #000 !important;-moz-appearance: none !important; }
scrollcorner { background: #fff !important; }}Bei allen Websiten
CSS
@-moz-document url-prefix(http://), url-prefix(https://){
scrollbar thumb { -moz-appearance: -moz-win-glass !important; background: #000fff !important; border: 3px solid #fff !important; -moz-border-radius: 12px !important;}
scrollbarbutton{-moz-appearance: -moz-win-glass !important; background-color: #fff000!important;}
scrollbar thumb:hover{ opacity: .9 !important; }
scrollbarbutton:hover { opacity: .7 !important; background-color: #ff0000 !important;}
scrollbar {background: #000 !important;-moz-appearance: none !important; }
scrollcorner { background: #fff !important; }}bei einer Website
CSS
@-moz-document url-prefix(http://www.mozilla-europe.org) {
scrollbar thumb { -moz-appearance: -moz-win-glass !important; background: #000fff !important; border: 3px solid #fff !important; -moz-border-radius: 12px !important;}
scrollbarbutton{-moz-appearance: -moz-win-glass !important; background-color: #fff000!important;}
scrollbar thumb:hover{ opacity: .9 !important; }
scrollbarbutton:hover { opacity: .7 !important; background-color: #ff0000 !important;}
scrollbar {background: #000 !important;-moz-appearance: none !important; }
scrollcorner { background: #fff !important; }}bei mehreren Websiten
CSS
@-moz-document url-prefix(http://www.mozilla-europe.org), url-prefix(http://www.mozilla.com) {
scrollbar thumb { -moz-appearance: -moz-win-glass !important; background: #000fff !important; border: 3px solid #fff !important; -moz-border-radius: 12px !important;}
scrollbarbutton{-moz-appearance: -moz-win-glass !important; background-color: #fff000!important;}
scrollbar thumb:hover{ opacity: .9 !important; }
scrollbarbutton:hover { opacity: .7 !important; background-color: #ff0000 !important;}
scrollbar {background: #000 !important;-moz-appearance: none !important; }
scrollcorner { background: #fff !important; }}An die jeweilige Website angepasst
Als Beispiel: Alle Websites
CSS
@-moz-document url-prefix(http://), url-prefix(https://), {
scrollbar thumb, scrollbarbutton { -moz-appearance: -moz-win-glass !important; background: #000 !important; border: 1px solid !important; -moz-border-radius: 12px !important;/*margin-left: -1px !important;*/padding-right: 1px !important;}
scrollbar thumb:hover{ opacity: .9 !important; }
scrollbarbutton:hover { opacity: .7 !important; }
scrollbar scrollcorner:hover { background: transparent !important; }
scrollcorner { background: transparent !important; }
scrollbar {background:transparent !important;-moz-appearance: none !important; padding-right: 0px !important; }}