IE10 gray square when clicked in Windows 8

Question

How to disable this awful design for Microsoft programmers? This happens when I click the links. Another terrible feature is the dashed border on the input elements. In the past, this boundary disappears, adding an outline: no one focuses on the state of the inputs.

Answer 1

Try the following meta

<meta name="msapplication-tap-highlight" content="no" /> 

It works for IE10 / Windows Phone 8, not sure about Windows 8.

Answer 2

For some reason, the meta tag didn’t work for me on Windows 7 IE10, and I had to install

 a:active{ background: inherit; } 

Answer 3

 background: inherit; 

Above does not work if your background color is set differently or has several settings.

Below is the error.

 a:active{ background: none; }