Wanneer u op (aanraakt) Een link in Safari (of Chrome of Firefox) voor iOS klikt, krijgt u een grijze achtergrond achter de link (alleen terwijl u hem vasthoudt). Is er een manier om deze functie te verwijderen met behulp van CSS?
Zie het voorbeeldbeeld hieronder:
Antwoord 1, Autoriteit 100%
Webkit heeft een specifieke stijl onroerend goed voor: -webkit-tap-highlight-color
.
gekopieerd van: http://davidwalsh.name/mobile-highlight-color –
/* light blue at 80% opacity */
html {
-webkit-tap-highlight-color: rgba(201, 224, 253, 0.8);
}
/* change it for a div that has a similar background-color to the light blue tap color */
.blueDiv {
-webkit-tap-highlight-color: rgba(251, 185, 250, 0.9);
}
Als u het hoogtepunt volledig wilt verwijderen –
.myButton {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
Antwoord 2, Autoriteit 6%
Laatste versies van IOS negeren RGBA-kleuren om een of andere reden.
Om het te verwijderen, heb ik uiteindelijk het volgende gebruikt:
-webkit-tap-highlight-color: transparent;
Zoals hier gedocumenteerd:
https://developer.mozilla.org/ EN-US / DOCS / WEB / CSS / -Webkit-Tap-Highlight-Color