Ramka menu - wordpress

Dla specjalistów Webmastering
#1

Witam,

Mam wydawałoby się mały problem ale nie mogę sobie z nim poradzić. Chodzi o to, że stworzyłem menu w wordpress’ie za pomoca wtyczki " Elementor Header & Footer Builder ". I ogólnie menu działa dobrze tylko jest jedna irytująca mnie rzecz. Mianowicie po wybraniu którejś pozycji zostaje ramka dookoła tekstu menu.

Niestety próbowałem w różnych miejscach stosować outline: none; jednak bez skutku.

Czy ma ktoś może jakiś pomysł ?

Dodam, że ramka po wybraniu pozycji z menu się pojawia a nie po najechaniu na nią.

menu

#2

Sprawdź jeszcze:

*, *:is(:focus,  :active,  :hover) { 
    outline: none !important;
    border: none !important 
}

focus i active pasuje do efektu wymagającego aktywacji przytrzymaniem przycisku lub np. tabulatorem.

https://www.kurshtml.edu.pl/css/zogniskowanie,pseudoklasy.html

https://www.kurshtml.edu.pl/css/aktywacja,pseudoklasy.html

(Lekcje z kursu do opcjonalnego poczytania)

Jak nie zniknie to jest one może:

  • tłem,
  • w tagu style=" z important
  • ma wysoką specyficzność (css specificity)
  • w najgorszej wersji wklejone do dodatku typu uBlock Origin czy AdGuard
    • lub aktywnego w Firerox pliku userContent.css

każda metoda (wykluczając tło i specyficzność w css) działa mocniej od CSS zewnętrznego i tego wstawionego do artybutu <style>.

Jakby :is nie działało to trzeba zaktualizować lub zmienić przeglądarkę gdzie uruchomiono wsparcie:

https://caniuse.com/css-matches-pseudo

(Firefox 78+, Chrome 88+, Safari 14+, Opera 75+)

Jak Fani czytają stronę w PaleMoon to CSS można poprawić by miał match z elementem nawigacji a nie każdym elementem (*).

Źle napisane filtry możesz zgłosić do twórcy listy - jak jest aktualizowana to może do roku czasu naprawi, podobnie z wadliwym plikiem userContent.css jak go dalej używasz (od Firefox 69 oznaczony jako przestarzały do kasacji jak Fani nie przepiszą metody na wydajniejszą (praktycznie zerowe opóźnienie startu Firefox)).