W3cubDocs

/Support Tables

CSS scrollbar styling

Non-standard methods of styling scrollbars.

Spec https://webkit.org/blog/363/styling-scrollbars/
Status Unofficial / Note
IE Edge Firefox Chrome Safari Opera
      73 (2,*)    
    65 72 (2,*)    
    64 71 (2,*) TP (2,*)  
11 (1) 18 63 70 (2,*) 12 (2,*) 56 (2,*)
10 (1) 17 62 69 (2,*) 11.1 (2,*) 55 (2,*)
9 (1) 16 61 68 (2,*) 11 (2,*) 54 (2,*)
8 (1) 15 60 67 (2,*) 10.1 (2,*) 53 (2,*)
Show all
7 (1) 14 59 66 (2,*) 10 (2,*) 52 (2,*)
6 (1) 13 58 65 (2,*) 9.1 (2,*) 51 (2,*)
5.5 (1) 12 57 64 (2,*) 9 (2,*) 50 (2,*)
    56 63 (2,*) 8 (2,*) 49 (2,*)
    55 62 (2,*) 7.1 (2,*) 48 (2,*)
    54 61 (2,*) 7 (2,*) 47 (2,*)
    53 60 (2,*) 6.1 (2,*) 46 (2,*)
    52 59 (2,*) 6 (2,*) 45 (2,*)
    51 58 (2,*) 5.1 (2,*) 44 (2,*)
    50 57 (2,*) 5 43 (2,*)
    49 56 (2,*) 4 42 (2,*)
    48 55 (2,*) 3.2 41 (2,*)
    47 54 (2,*) 3.1 40 (2,*)
    46 53 (2,*)   39 (2,*)
    45 52 (2,*)   38 (2,*)
    44 51 (2,*)   37 (2,*)
    43 50 (2,*)   36 (2,*)
    42 49 (2,*)   35 (2,*)
    41 48 (2,*)   34 (2,*)
    40 47 (2,*)   33 (2,*)
    39 46 (2,*)   32 (2,*)
    38 45 (2,*)   31 (2,*)
    37 44 (2,*)   30 (2,*)
    36 43 (2,*)   29 (2,*)
    35 42 (2,*)   28 (2,*)
    34 41 (2,*)   27 (2,*)
    33 40 (2,*)   26 (2,*)
    32 39 (2,*)   25 (2,*)
    31 38 (2,*)   24 (2,*)
    30 37 (2,*)   23 (2,*)
    29 36 (2,*)   22 (2,*)
    28 35 (2,*)   21 (2,*)
    27 34 (2,*)   20 (2,*)
    26 33 (2,*)   19 (2,*)
    25 32 (2,*)   18 (2,*)
    24 31 (2,*)   17 (2,*)
    23 30 (2,*)   16 (2,*)
    22 29 (2,*)   15 (2,*)
    21 28 (2,*)   12.1
    20 27 (2,*)   12
    19 26 (2,*)   11.6
    18 25 (2,*)   11.5
    17 24 (2,*)   11.1
    16 23 (2,*)   11
    15 22 (2,*)   10.6
    14 21 (2,*)   10.5
    13 20 (2,*)   10.0-10.1
    12 19 (2,*)   9.5-9.6
    11 18 (2,*)   9
    10 17 (2,*)    
    9 16 (2,*)    
    8 15 (2,*)    
    7 14 (2,*)    
    6 13 (2,*)    
    5 12 (2,*)    
    4 11 (2,*)    
    3.6 10 (2,*)    
    3.5 9 (2,*)    
    3 8 (2,*)    
    2 7 (2,*)    
      6 (2,*)    
      5 (2,*)    
      4 (2,*)    
iOS Safari Opera Mini Android Browser Blackberry Browser Opera Mobile Android Chrome Android Firefox IE Mobile Android UC Browser Samsung Internet QQ Browser Baidu Browser
12 (2,3,*) all 67 (2,*) 10 (2,*) 46 (2,*) 70 (2,*) 63 11 11.8 (2,*) 7.2 (2,*) 1.2 (2,*) 7.12 (2,*)
11.3-11.4 (2,3,*)   4.4.3-4.4.4 (2,*) 7 (2,*) 12.1     10   6.2 (2,*)    
11.0-11.2 (2,3,*)   4.4 (2,*)   12         5 (2,*)    
10.3 (2,3,*)   4.2-4.3 (2,*)   11.5         4 (2,*)    
Show all
10.0-10.2 (2,3,*)   4.1 (2,*)   11.1              
9.3 (2,3,*)   4 (2,*)   11              
9.0-9.2 (2,3,*)   3 (2,*)   10              
8.1-8.4 (2,3,*)   2.3 (2,*)                  
8 (2,3,*)   2.2                  
7.0-7.1 (2,*)   2.1                  
6.0-6.1                      
5.0-5.1                      
4.2-4.3                      
4.0-4.1                      
3.2                      

Notes

Currently scrollbar styling doesn't appear to be on any standards track.

  1. Only supports styling scrollbar colors, no other properties to define the scrollbar's appearance.

  2. Supports scrollbar styling via CSS pseudo-properties.

  3. Scrollbar styling doesn’t work in WKWebView

* Partial support with prefix.

Resources

Data by caniuse.com
Licensed under the Creative Commons Attribution License v4.0.
http://caniuse.com/#feat=css-scrollbar