W3cubDocs

/Support Tables

:focus-visible CSS pseudo-class

The :focus-visible pseudo-class applies while an element matches the :focus pseudo-class, and the UA determines via heuristics that the focus should be specially indicated on the element (typically via a “focus ring”).

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

Notes

Previously drafted as :focus-ring

  1. As :-moz-focusring

  2. Enabled through the "Experimental Web Platform features" flag in chrome://flags

* Partial support with prefix.

Resources

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