Każda strona internetowa zawiera wiele linków na każdym interfejsie, które kierują użytkownikiem na inne strony internetowe. Na przykład linki do odwiedzenia innej strony internetowej w celu odniesienia podczas czytania postu na blogu odwiedź konta w mediach społecznościowych podczas odwiedzania ich stron internetowych i pobierania oprogramowania komputerowego itp. Ale jeśli jest to wymagane do wyłączenia linku, używana jest właściwość zdarzenia CSS.

Poniższy post wyjaśni, w jaki sposób właściwość zdarzenia wskaźnika jest używana w kodzie, aby wyłączyć link w dokumencie HTML.

Wyłączenie linku za pomocą CSS

Biblioteka CSS jest używana w połączeniu z innymi językami, takimi jak HTML. Tak więc, jeśli dokument HTML ma link do bezpośredniego odwiedzenia dowolnej innej strony internetowej, właściwość CSS Pointer-Events służy do wyłączenia linku:

Wskaźniki: Brak;
Kursor: Domyślnie;

Jak używać właściwości wskaźników w kodzie?

Instrukcja stylu CSS, w której dodamy właściwość wskaźnika-zdania, aby wyłączyć link, powinien zapoznać się z klasą zawierającą link. Na przykład, jeśli mamy klasę o nazwie „nieaktywna”, która zawiera link:

Wyłącz link za pomocą CSS

Połączyć:
Kliknij tutaj

W powyższym kodzie link do klikalnego ma klasę „nieaktywną”, która zostanie użyta do dostępu do tego elementu HTML.

Powyższy kod generuje następujące dane wyjściowe:

Kliknięcie linku kieruje użytkownika do wyszukiwarki Google:

Właściwość wskaźnika

• W elemencie stylu CSS napisz właściwość Wskaźnika (Wskaźnik: Brak) Podczas odnoszenia się do klasy (nieaktywnej) zawierającej link, który należy wyłączyć.
• Ustaw kursor jako dowolną z opcji, takich jak domyślnie, Brak, wskaźnik itp.

Po wykonaniu kodu nie będzie żadnych zmian w graficznym wyświetlaniu linku z zewnątrz, ale gdy użytkownik go kliknie, nic nie zrobi:

To był najłatwiejszy sposób na wyłączenie linku w kodzie za pomocą instrukcji CSS.

Wniosek

Link, który kieruje użytkownika do innych stron internetowych, można łatwo wyłączyć za pomocą prostej właściwości CSS „Wskaźnik-ewidencje: Brak”. Nie wymaga to żadnych zmian w logice kodu lub klasy, w której link został utworzony. Wymagana jest prosta właściwość zdarzenia wskaźnika w elemencie stylu odnoszącym się do klasy zawierającej link.