1. 程式人生 > >修改瀏覽器預設的滾動條樣式

修改瀏覽器預設的滾動條樣式

/*滾動條 start*/
      ::-webkit-scrollbar {
        width: 10px;
        height: 4px;
        background-color: #F5F5F5;
      }
      /*定義滾動條軌道 內陰影+圓角*/
      ::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        background: #fff ;
      }
      /*定義滑塊 內陰影+圓角*/
      ::-webkit-scrollbar-thumb {
        border-radius: 3px;
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
        background-color:rgba(7, 170, 247, 0.7);
      }
      ::-webkit-scrollbar-thumb:hover {
        border-radius: 3px;
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
        background-color:rgba(7, 170, 247, 1);
      }