How do I add an up-down icon to a custom scroll bar style?

problem description

is written in iview.css, but the icon is added, upward and downward, and the icon is iview framework"s own, but I don"t know how to add it

the environmental background of the problems and what methods you have tried

related codes

/ / Please paste the code text below (do not replace the code with pictures)

/ scroll bar style adjustment /
:-webkit-scrollbar {/ scroll bar overall style /
width: 10px; / height and width correspond to horizontal and vertical scroll bar dimensions /
height: 0.5px;
}
:-webkit-scrollbar-thumb {/ scroll bar small squares /
border-radius: 10px;
-webkit-box-shadow: inset 0 5px rgba
background:-sharpccc;
}
:-webkit-scrollbar-track {/ track /
-webkit-box-shadow: inset 00 5px rgba;
border-radius: 10px;
background:-sharpEDEDED;
}
:-webkit-scrollbar-button:vertical:decrement,::-webkit-scrollbar-button:vertical:increment {
/ Scroll Bar buttons /
}

what result do you expect? What is the error message actually seen?

Jan.29,2022
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b3b8c7-2c2b7.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b3b8c7-2c2b7.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?