CSS scroll bar style modification code

CSS scroll bar style modification code

CSS scroll bar style modification code

.scroll::-webkit-scrollbar { // Vertical and horizontal scroll bar width width: 1px;
    height: 1px;
}
.scroll::-webkit-scrollbar-thumb { // Scrollbar background bar style border-radius: 1px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: #5b5f63;
}
.scroll::-webkit-scrollbar-track { // Scroll bar button style-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 1px;
    background: #00284d;
}

Summarize

The above is the code for modifying the CSS scroll bar style that I introduced to you. I hope it will be helpful to you. If you have any questions, please leave me a message and I will reply to you in time. I would also like to thank everyone for their support of the 123WORDPRESS.COM website!
If you find this article helpful, please feel free to reprint it and please indicate the source. Thank you!

<<:  Comparing Document Locations

>>:  Code for aligning form checkbox and radio text

Recommend

Web developers are concerned about the coexistence of IE7 and IE8

I installed IE8 today. When I went to the Microso...

Installation, activation and configuration of ModSecurity under Apache

ModSecurity is a powerful packet filtering tool t...

Solution for Docker Swarm external verification load balancing not taking effect

Problem Description I created three virtual machi...

JavaScript to achieve fixed sidebar

Use javascript to implement a fixed sidebar, for ...

CSS Summary Notes: Examples of Transformations, Transitions, and Animations

1. Transition Transition property usage: transiti...

Common ways to optimize Docker image size

The Docker images we usually build are usually la...

How to implement multiple parameters in el-dropdown in ElementUI

Recently, due to the increase in buttons in the b...

Detailed explanation of Tomcat's commonly used filters

Table of contents 1. Cross-domain filter CorsFilt...

CSS realizes the layout method of fixed left and adaptive right

1. Floating layout 1. Let the fixed width div flo...

Use of VNode in Vue.js

What is VNode There is a VNode class in vue.js, w...

Solution to the conflict between nginx and backend port

question: When developing the Alice management sy...

JS Object constructor Object.freeze

Table of contents Overview Example 1) Freeze Obje...

Summary of methods for inserting videos into HTML pages

Now if you want to use the video tag in a page, y...