Ici, j'ai un sélecteur CSS basé sur la réponse de Bobince pour sélectionner n'importe quel élément HTML focalisable:
a[href]:not([tabindex='-1']),
area[href]:not([tabindex='-1']),
input:not([disabled]):not([tabindex='-1']),
select:not([disabled]):not([tabindex='-1']),
textarea:not([disabled]):not([tabindex='-1']),
button:not([disabled]):not([tabindex='-1']),
iframe:not([tabindex='-1']),
[tabindex]:not([tabindex='-1']),
[contentEditable=true]:not([tabindex='-1'])
{
/* your CSS for focusable elements goes here */
}
ou un peu plus beau dans SASS:
a[href],
area[href],
input:not([disabled]),
select:not([disabled]),
textarea:not([disabled]),
button:not([disabled]),
iframe,
[tabindex],
[contentEditable=true]
{
&:not([tabindex='-1'])
{
/* your SCSS for focusable elements goes here */
}
}
Je l'ai ajouté comme réponse, car c'était ce que je cherchais, lorsque Google m'a redirigé vers cette question Stackoverflow.
EDIT: Il y a un autre sélecteur, qui est focalisable:
[contentEditable=true]
Cependant, cela est utilisé très rarement.