Jak odstranit modrý rámeček, který se objeví po kliknutí na odkaz v Safari? (menu, šipky, atd)
Jedná se outline. Poskytuje vizuální zpětnou vazbu pro odkazy, které mají „fokus“ při procházení webového dokumentu pomocí klávesy TAB (nebo ekvivalentní klávesy). To je užitečné zejména pro lidi, kteří nemohou používat myš nebo mají zrakové postižení. Pokud tento obrys odstraníte, znepřístupníte svůj web těmto lidem.
Definování zaměření na navigační prvky je požadavkem na přístupnost, je to uvedeno ve Směrnicích pro přístupnost webového obsahu.
Více informací naleznete zde: https://outlinenone.com/
Proto buďte s jeho odstraněním obezřetní. Pokud i přesto jej chcete odstranit, níže naleznete kód.
Názorná ukázka
Kód, který vložíte do Přizpůsobit > CSS
* {
-webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important;
-webkit-focus-ring-color: rgba(255, 255, 255, 0) !important;
outline: none !important;
}