/* 滚动 */ .commonsScrollbar { overflow-y: scroll; overflow-x: visible; } /* 滚动槽 【 由于被全局其他的地方影响,这里另外单独处理 】*/ .commonsScrollbar::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0); } /* 滚动条滑块 【 由于被全局其他的地方影响,这里另外单独处理 】 */ .commonsScrollbar::-webkit-scrollbar-thumb { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0); } /* 滚动条整体样式 */ .commonsScrollbar::-webkit-scrollbar { width: 1px; height: 1px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .commonsScrollbar::scrollbar { width: 1px; height: 1px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .commonsScrollbar::-moz-scrollbar { width: 1px; height: 1px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .commonsScrollbar::-ms-scrollbar { width: 1px; height: 1px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .commonsScrollbar::-o-scrollbar { width: 1px; height: 1px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } /* 滚动条里面小方块 */ .commonsScrollbar::-webkit-scrollbar-thumb { /* background-color: #EAEAEA;*/ background-color: #D9D9D9; background-clip: padding-box; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; min-height: 1px; } .commonsScrollbar::scrollbar-thumb { /* background-color: #EAEAEA;*/ background-color: #D9D9D9; background-clip: padding-box; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; min-height: 1px; } .commonsScrollbar::-moz-scrollbar-thumb { /* background-color: #EAEAEA;*/ background-color: #D9D9D9; background-clip: padding-box; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; min-height: 1px; } .commonsScrollbar::-ms-scrollbar-thumb { /* background-color: #EAEAEA;*/ background-color: #D9D9D9; background-clip: padding-box; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; min-height: 1px; } .commonsScrollbar::-o-scrollbar-thumb { /* background-color: #EAEAEA;*/ background-color: #D9D9D9; background-clip: padding-box; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; min-height: 1px; } /* 滚动条里面轨道 */ .commonsScrollbar::-webkit-scrollbar-thumb:hover { /* background-color: #EAEAEA;*/ background-color: #D9D9D9; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .commonsScrollbar::scrollbar-thumb:hover { /* background-color: #EAEAEA;*/ background-color: #D9D9D9; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .commonsScrollbar::-moz-scrollbar-thumb:hover { /* background-color: #EAEAEA;*/ background-color: #D9D9D9; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .commonsScrollbar::-ms-scrollbar-thumb:hover { /* background-color: #EAEAEA;*/ background-color: #D9D9D9; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .commonsScrollbar::-o-scrollbar-thumb:hover { /* background-color: #EAEAEA;*/ background-color: #D9D9D9; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }