自定義滾動條

/*滾動條總體部分,必需要設置---若是須要加指定標籤,則在前面::加,如:.box*/  

                                             .content-orderList::-webkit-scrollbar{
                                                width: 10px;
                                                height: 10px;
                                                background-color: rgba(0,0,0,.02);
                                            }
                                            /*滾動條的軌道*/
                                             .content-orderList::-webkit-scrollbar-track{
                                                /*box-shadow: inset 0 0 5px rgba(0,0,0,.09);*/
                                                 background-color: rgba(0,0,0,.02);
                                            }
                                            /*滾動條的滑塊按鈕*/
                                            .content-orderList::-webkit-scrollbar-thumb{
                                                border-radius: 10px;
                                                background-color: rgba(0,0,0,.2);

                                            }
                                            /*滾動條的上下兩端的按鈕*/
                                            .content-orderList::-webkit-scrollbar-button{
                                                height: 0px;
                                                background-color: #B0AEDA;
                                            }
相關文章
相關標籤/搜索