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
The solution to the problem that mysql cannot be ...
Problem: The website published through IIS is pla...
1. Optimize Nginx concurrency [root@proxy ~]# ab ...
Table of contents 1. What is event delegation? 2....
Yesterday, I helped someone install a system and ...
Preface In our daily development process, sorting...
Ubuntu 15.04 opens MySQL remote port 3306. All th...
Preface Linux does not have a prominent Recycle B...
Table of contents 1. The magical extension operat...
Table of contents 1. Event Flow 1. Concept 2. DOM...
Docker runs multiple Springboot First: Port mappi...
[LeetCode] 175.Combine Two Tables Table: Person +...
Main library binlog: # at 2420 #170809 17:16:20 s...
What is a Port? The ports we usually refer to are...
The relationship between Javascript and DOM is ve...