zoukankan      html  css  js  c++  java
  • 滚动条样式

    如图所示:

    css样式:

      ::-webkit-scrollbar {
        width: 10px !important;
        height: 8px !important;
        background-color: #515a6e !important;
        -webkit-transition: background-color 0.3s ease-in-out !important;
        transition: background-color 0.3s ease-in-out !important;
      }
      ::-webkit-scrollbar:hover {
        background-color: #d1d1d1 !important;
      }
      ::-webkit-scrollbar-thumb {
        background-color: #dcdfe6 !important;
        height: 50px !important;
        -webkit-border-radius: 5px !important;
        border-radius: 5px !important;
        border-right: 1px solid #fff !important;
        border-left: 1px solid #fff !important;
        -webkit-transition: background-color 0.3s ease-in-out !important;
        transition: background-color 0.3s ease-in-out !important;
      }
      ::-webkit-scrollbar-thumb:hover,
      ::-webkit-scrollbar-thumb:active {
        background-color: rgba(23, 35, 61, 0.8) !important;
        border-right: 1px solid #f1f1f1 !important;
        border-left: 1px solid #f1f1f1 !important;
      }
      ::-webkit-scrollbar-track {
        background-color: #fff !important;
      }
      ::-webkit-scrollbar-track:hover {
        background-color: #fff !important;
      }
  • 相关阅读:
    MySQL数据库基础
    Django框架
    Python基础
    C#
    小功能
    数据结构与算法
    C语言
    Robot Framework高级
    Robot Framework初级
    C++基础
  • 原文地址:https://www.cnblogs.com/yiliangmi/p/15246001.html
Copyright © 2011-2022 走看看