css改火狐滚动条样式_怎样改变Firefox里滚动条的颜色 用css

展开全部

@-moz-document url-prefix(http://),

url-prefix(https://),

url("chrome://browser/content/bookmarks/bookmarksPanel.xul"),

url("chrome://browser/content/browser.xul"),

url("chrome://browser/content/history/history-panel.xul") {

/* THIS WHOLE CODE SECTION AUTOHIDES ONLY THE VERTICAL SCROLLBARS OF WEBPAGES */

scrollbar *

scrollbar scrollbarbutton { display: none !62616964757a686964616fe58685e5aeb931333330363135 important; }

scrollbar scrollbarbutton { visibility: collapse !important }

scrollbar[orient="vertical"]{

background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAACCAYAAABsfz2XAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAAhSURBVHjaYvj//z8DMvb39/+PLoaMmRhIBAAAAAD//wMAB6Qizv4lfkgAAAAASUVORK5CYII=") ! important;

-moz-appearance: none !important;

background-color: transparent !important;

opacity: .75 !important;

min-width: 9px !important;

max-width: 9px !important;

}

/*CAN CHANGE SCROLLBAR WIDTH FROM Default 17px (MUST CHANGE BOTH min-width and max-width to exact same px */

/*Default vertical scrollbar width is 17px */

scrollbar[orient="vertical"]:hover

{

opacity: 1 !important;

-moz-appearance: none !important;

background-color: transparent !important;

min-width: 9px !important;

max-width: 9px !important;

}

/************************************************************************/

/* button you drag down the strip */

scrollbar thumb[orient="vertical"]

{

background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAAnSURBVHjaYmQofPWfgQjwv0+UkYGBgYGJgUQwqmGkaAAAAAD//wMA+/4EFULQY9sAAAAASUVORK5CYII=") ! important;

-moz-appearance: none !important;

border-radius: 4px !important;

min-width: 8px !important;

max-width: 8px !important;

border: 1px !important;

}

/* HOVER:button you drag down the strip */

scrollbar thumb[orient="vertical"]:hover

{background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAAnSURBVHjaYmQofPWfgQjwv0+UkYGBgYGJgUQwqmGkaAAAAAD//wMA+/4EFULQY9sAAAAASUVORK5CYII=") ! important;

border-radius: 4px !important;

border: 0px !important;

}

/***************************************************************************/

/**/

/* THIS WHOLE CODE SECTION AUTOHIDES ONLY THE HORIZONTAL SCROLLBARS OF WEBPAGES */

/*can increase min-height 5px and max-height 5px to have more grab space for horizontal scrollbar (min-height and max-height must be exact same px)*/

scrollbar[orient="horizontal"]{

background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAMCAYAAABIvGxUAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAAmSURBVHjaYvz//z8DAwMDAxMDFGAyGP39/f8zMDAwMBKhGA8DMAB8qAf8L6w8LwAAAABJRU5ErkJggg==") ! important;

-moz-appearance: none !important;

background-color: transparent !important;

opacity: .75 !important;

min-height: 9px !important;

max-height: 9px !important;

}

/*CAN MAKE HORIZONTAL SCROLLBARS LESS HEIGHT when hovered BELOW:MUST HAVE min-height and max-height exact same px */

/* Default horizontal height is 17px */

scrollbar[orient="horizontal"]:hover

{

opacity: 1 !important;

-moz-appearance: none !important;

background-color: transparent !important;

min-height: 9px !important;

max-height: 9px !important;

}

/*// bar /*/

/* button you drag down the strip */

scrollbar thumb[orient="horizontal"]

{

background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAAmSURBVHjaYmQofPWfgQTAxEAiGNUwODQw/v//n7Y2AAAAAP//AwCb0AVuQc6u0wAAAABJRU5ErkJggg==") ! important;

-moz-appearance: none !important;

border-radius: 4px !important;

min-height: 8px !important;

max-height: 8px !important;

border: 1px !important;

margin-left: 0px !important;

}

/* HOVER:button you drag down the strip */

scrollbar thumb[orient="horizontal"]:hover

{background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAAmSURBVHjaYmQofPWfgQTAxEAiGNUwODQw/v//n7Y2AAAAAP//AwCb0AVuQc6u0wAAAABJRU5ErkJggg==") ! important;

border-radius: 4px !important;

border: 0px !important;

}

/*///*/

/* REMOVES THE SCROLLBAR CORNERS THAT CAN BE SEEN ON DARK COLORED WEBPAGES */

scrollcorner{opacity: 0 !important;}

scrollbar scrollcorner:hover {background:transparent !important;}

}

已赞过

已踩过<

你对这个回答的评价是？

评论

收起