Mi código es simple:
<html> <body> Test <br> <button onclick="document.getElementById('btn2').focus();">Button 1</button> <br> <button id="btn2" onclick="alert('Hello world');">Button 2</button> </body> </html>La pregunta es simple: el botón uno establecerá el foco en el botón 2. Sin embargo, el foco no es visible. Solo al presionar la tecla Shift, aparecerá el foco. El enfoque también se puede mostrar usando la tecla de tabulación, para seguir el enfoque. Quiero que el foco sea visible para el usuario.
Mi pregunta es ¿cómo puedo establecer el foco y hacerlo visible para el usuario?
Puede intentar hacerlo visible para el usuario agregando css a la página
https://developer.mozilla.org/en-US/docs/Web/CSS/:focus
<style> #btn2:focus{ background-color: blueviolet; } </style>¿es esto lo que quieres?
button:focus{ outline: 1px solid red }