-1

So I have buttons/tabs/links/text that appear fine everywhere except on Safari desktop. They have a grey hightlight. I read many questions before posting mine, and I couldn't find a fix to my problem.

enter image description here

I've tried to put that

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

everywhere I could think of, but the grey highlight do not disappear.

The website is live, might be easier like that to have access to the code. uhearst.ca/ouac

Thank you!

PS: it should look like that

enter image description here

mpladesigner
  • 23
  • 6
  • https://stackoverflow.com/questions/1457849/how-to-remove-the-border-highlight-on-an-input-text-element – לבני מלכה Nov 13 '18 at 13:50
  • Possible duplicate of [How to remove the border highlight on an input text element](https://stackoverflow.com/questions/1457849/how-to-remove-the-border-highlight-on-an-input-text-element) – ksav Nov 13 '18 at 13:52
  • http://outlinenone.com/ – ksav Nov 13 '18 at 13:57

1 Answers1

-1

Try this

.tab button {
  background: transparent;
}
nikitahl
  • 406
  • 2
  • 7
  • 16