css remove blue outline button
button { outline: none; }
diable focus button css
*:focus { outline: 0 !important; }
Source: stackoverflow.com
remove outline btn
button { outline: none; } .btn:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn:focus { outline: none !important; } .btn:focus { box-shadow: none; }
Source: stackoverflow.com
disable button outline in css
button:focus {outline:0;}
Source: stackoverflow.com
remove outline on button click
using outline:none; we can remove that border in chrome for tailwind css : outline-none focus:outline-none
css remove button outline
For chakra UI, use this bellow code *:focus { box-shadow: none !important; } *[data-focus] { box-shadow: none !important; }