Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Tailwindcss. Blue rectangle when click on mobile device

Help pls. When I press the Button on mobile devices, a blue rectangle appears on it. How can I remove this?

<a href="#1" class="block px-4 py-2 rounded-full bg-transparent border border-dashed hover:bg-gray-200 hover:text-gray-500 hover:border-transparent hover:shadow-md active:bg-gray-300">Link button</a>

enter image description here

enter image description here

like image 293
mirzo_bedil Avatar asked Jan 25 '23 14:01

mirzo_bedil


1 Answers

* { -webkit-tap-highlight-color: rgba(0,0,0,0); }

It works well.

like image 172
mirzo_bedil Avatar answered Jan 31 '23 20:01

mirzo_bedil