Utilicé dos botones cuando hice clic en ese botón. Div debe cambiarse usando javascript. Reemplazó la función. El problema es que cuando hago clic en el borde del botón, debe cambiarse por el color negro predeterminado. No pude encontrar dónde se agregó que soy. añadiendo capturas de pantalla. sucedió después de que agregué la función de reemplazo de clic
<script> function replace(hide, show) { document.getElementById(hide).style.display = "none"; document.getElementById(show).style.display = "block"; } </script>
<div class="two_btn"> <div class="order_btn"> <button type="button" onclick="replace('div2','div1')">Order & Collect</button> </div> <div class="book_collection"> <button type="button" onclick="replace('div1','div2')">Book UK Collection</button> </div> </div>
Es un esquema de enfoque, agregado automáticamente por su navegador. Para eliminarlo por completo (no recomendable), puedes agregar esto a tu CSS:
button:focus { outline: none; }
Por qué no debería hacer esto y usar un enfoque diferente en su lugar:
https://www.a11yproject.com/posts/never-remove-css-outlines/