How to make a scrollbar thin in the textarea field (without JS)?
Here it is:
2 answers
textarea {width:200px;height:80px;resize:none;} textarea::-webkit-scrollbar { width: 6px; height: 6px; } textarea::-webkit-scrollbar-track-piece { background:transparent; -webkit-border-radius: 6px; } textarea::-webkit-scrollbar-thumb:vertical { height: 5px; background-color: #cccccc; } textarea::-webkit-scrollbar-thumb:horizontal { width: 5px; background-color: #cccccc; } <textarea>Текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст</textarea> 
Yuri yuri
13.3k five 36 82
- And is it impossible to tell a chrome to show a mobile scrollbar in one setting and not to draw it yourself? - user208916
- @Khipster, no. Unfortunately, the only way. I myself was looking for sometime :( - Yuri
- Thank you, he drew the same as in Google Chrome? - user208916
- @Khipster, I drew a picture from your picture - Yuri
|
Here is an example for you
and here is the information
::-webkit-scrollbar { width: 8px; } ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); } ::-webkit-scrollbar-thumb { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); } 
Roman Polshikov Roman Polshikov
1,016 3 14
- And is it impossible to tell a chrome to show a mobile scrollbar in one setting and not to draw it yourself? - user208916
|