css 優化谷歌、火狐瀏覽器的滾動條樣式


/* 谷歌美化滾動條 */
  *::-webkit-scrollbar {
    width: 6px;
    height: 6px;
  }

  *::-webkit-scrollbar-track {
    background: #f3f4f9;
    border-radius: 2px;
  }

  *::-webkit-scrollbar-thumb {
    background: #c8d2e0;
    border-radius: 10px;
  }

  *::-webkit-scrollbar-thumb:hover {
    background: #333;
  }

  *::-webkit-scrollbar-corner {
    background: #c8d2e0;
  }


  /* 火狐美化滾動條 */
  * {
    scrollbar-color: #c8d2e0 #f3f4f9;
    /* 滑塊顏色  滾動條背景顏色 */
    scrollbar-width: thin;
    /* 滾動條寬度有三種:thin、auto、none */
  }

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM