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

4 ways to implement routing transition effects in Vue

Vue router transitions are a quick and easy way t...

MySQL pessimistic locking and optimistic locking implementation

Table of contents Preface Actual Combat 1. No loc...

Example code showing common graphic effects in CSS styles

Let me briefly describe some common basic graphic...

Solve the installation problem of mysql8.0.19 winx64 version

MySQL is an open source, small relational databas...

vue.js downloads pictures according to picture url

Recently, when I was working on a front-end vue.j...

Complete steps to configure basic user authentication at the Nginx level

Preface Application scenario: probably the intern...

Tips for adding favicon to a website: a small icon in front of the URL

The so-called favicon, which is the abbreviation o...

How to access MySql through IP address

1. Log in to mysql: mysql -u root -h 127.0.0.1 -p...

Implementation of react automatic construction routing

Table of contents sequence 1. Centralized routing...

A brief discussion on the binary family of JS

Table of contents Overview Blob Blob in Action Bl...

Docker meets Intellij IDEA, Java development improves productivity tenfold

Table of contents 1. Preparation before developme...

Analysis of MySQL example DTID master-slave principle

Table of contents 1. Basic Concepts of GTID 2. GT...