Décaler le focus vers un div via css seul

Question

Existe-t-il un moyen de déplacer le focus vers un div par défaut à l'aide de css pur et de ne pas utiliser javascript?

Merci à l'avance ..

Answer 1

Non, ce n'est pas le cas.

Dans des circonstances normales, un div ne peut pas recevoir le focus du tout, et CSS ne dispose d'aucun élément pour définir le focus.

Answer 2

Aucun CSS ne propose rien sur le focus. Je sais que vous avez dit non JavaScript, mais comment facile:

document.getElementById('div').focus(); 

Answer 3

Bien que cela dépende de ce que vous essayez d'atteindre, vous pouvez appliquer une pseudo-classe :hover sur un div si vous voulez le mettre en évidence visuellement.

Answer 4

Tout élément peut recevoir le focus s'il est contentable. Cependant, CSS ne reconnaît pas: focus pseudoclasses pour les éléments autres que input, select, a, textarea et button.

Answer 5

Aucun des réponses ici a fonctionné pour moi (même si je voulais mettre l'accent sur une entrée, pas un div) je posterai un qui fonctionne:

mise au point automatique

comme ceci:

<input autofocus> 

Bien sûr, l'OP demande comment faire fonctionner ceci avec un div, ce qui n'est pas le cas. Comme il a été mentionné précédemment, contenteditable = « yes » va faire le focusable div, mais malheureusement, ne fonctionne pas non plus:

<div contenteditable="yes" autofocus> 
    This doesn't work!! 
</div> 

À mon avis, c'est en quelque sorte un oubli en HTML5, ce div devrait agir comme un champ de saisie. Cependant, pour le moment, il semble que javascript est nécessaire pour que cela se produise.