Note: This method is only applicable to webkit-based browsers. The browser scroll bar is too wide and ugly, which affects daily development. What should I do? The appearance of the scroll bar consists of two parts: 1. The overall slide of the scroll bar 2. The slider inside the scroll bar slide In CSS, the scroll bar consists of 3 parts name::-webkit-scrollbar //Overall scrollbar stylename::-webkit-scrollbar-track //Scrollbar trackname::-webkit-scrollbar-thumb //Scrollbar internal slider Note: The above three are all pseudo-classes. Please change name to the element name you want to change. For example: change the scroll bar style of the entire page body::-webkit-scrollbar{ //First change the scroll bar width of body: 8px; } body::-webkit-scrollbar-track{//Change the scroll bar track color of the body background: rgb(200, 200, 200); border-radius: 5px; } body::-webkit-scrollbar-thumb{//Finally, change the style of the body's scroll bar slide background: rgb(120, 120, 120); border-radius: 5px; } ◆ The right side shows the scroll bar style after the upper code is changed ◆ You can add background, transparency, border, rounded corners and other attributes to the style to make the browser more beautiful The above is the full content of this article. I hope it will be helpful for everyone’s study. I also hope that everyone will support 123WORDPRESS.COM. |
<<: Several ways to encrypt and decrypt MySQL (summary)
>>: Tutorial on deploying springboot package in linux environment using docker
Table of contents 1 Use of v-if and v-show 2. Dif...
Table of contents Error message Cause Error demon...
Install vsftpd $ sudo apt-get install vsftpd -y S...
Configure Java environment variables Here, the en...
This article discusses the difficulties and ideas...
1. What is mycat A completely open source large d...
Use scenarios: The jump path needs to be dynamica...
Basic knowledge of responsive layout development ...
1. Background 1. Briefly introduce the shared sto...
This article shares with you a small Demo that ad...
The one I wrote before is too complicated, let’s ...
Table of contents Preface: 1. Default value relat...
Recently, a system was deployed, using nginx as a...
Detailed explanation of the implementation method...