Search code examples
touchtailwind-css

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

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

    It works well.