xxxxxxxxxx
using outline:none; we can remove that border in chrome
for tailwind css :
outline-none
focus:outline-none
xxxxxxxxxx
OutlinedButton(
onPressed: () {},
child: Text('Outlined button'),
style: OutlinedButton.styleFrom(
side: BorderSide(
color: Colors.transparent,
),
),
),
xxxxxxxxxx
For chakra UI, use this bellow code
*:focus {
box-shadow: none !important;
}
*[data-focus] {
box-shadow: none !important;
}