Last active
September 26, 2024 17:52
-
-
Save maxcraftsman/f10bf7a47f3dd02ce8c7844937dc3a6a to your computer and use it in GitHub Desktop.
select2 scrollbar styles
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .select2-results__options::-webkit-scrollbar { | |
| width: 16px; | |
| background-clip: padding-box; | |
| } | |
| .select2-results__options::-webkit-scrollbar-track { | |
| background-color: #F4F4F4; | |
| height: 8px; | |
| background-clip: padding-box; | |
| border-right: 10px solid rgba(0, 0, 0, 0); | |
| border-top: 10px solid rgba(0, 0, 0, 0); | |
| border-bottom: 10px solid rgba(0, 0, 0, 0); | |
| } | |
| .select2-results__options::-webkit-scrollbar-thumb { | |
| background-clip: padding-box; | |
| background-color: #0F2464; | |
| border-right: 10px solid rgba(0, 0, 0, 0); | |
| border-top: 10px solid rgba(0, 0, 0, 0); | |
| border-bottom: 10px solid rgba(0, 0, 0, 0); | |
| } | |
| .select2-results__options::-webkit-scrollbar-button { | |
| display: none; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
how to border-radius apply here?