Przyciski są zwykle używane do wykonywania określonej akcji. Na przykład po kliknięciu dodanego przycisku uruchomi on określone zdarzenie. CSS pozwala nam wyłączyć zdarzenie kliknięcia. Tak więc, jeśli chcesz wyłączyć zdarzenie kliknięcia, dodaj zdarzenie wskaźnika w CSS i ustaw jego wartość zgodnie z wymaganiami.

W tym artykule dowiemy się, jak wyłączyć zdarzenie kliknięcia za pomocą CSS.

A więc zacznijmy!

Jak wyłączyć zdarzenie kliknięcia za pomocą CSS?

Możesz wyłączyć zdarzenia kliknięcia za pomocą CSS ”Wskaźniki" nieruchomość. Ale wskakując do niego, krótko ci to wyjaśnimy.

Czym jest właściwość CSS „Wskaźnik”?

„„Wskaźniki„Kontroluj, w jaki sposób elementy HTML reagują lub zachowują się na zdarzenie dotykowe, takie jak zdarzenia kliknięcia lub stukania, stany aktywne lub zawieszone, oraz czy kursor jest widoczny, czy nie.

Składnia
Składnia zdarzeń wskaźników jest następująca:

Wskaźniki: Auto | Brak;

Powyższa właściwość wymaga dwóch wartości, takich jak „automatyczny" I "nic”:

• automatyczny: Służy do wykonywania domyślnych zdarzeń.
• nic: Jest wykorzystywany do wyłączania zdarzeń.

UWAGA: Poniższy przykład, najpierw pokaże, jak dodać dwa aktywne przyciski, a następnie wyłączymy zdarzenie kliknięcia drugiego przycisku.

Przykład 1: Wyłączanie zdarzenia kliknięcia przycisków za pomocą CSS
W tym przykładzie utworzymy nagłówek

i dwa przyciski. Następnie określ „przycisk”Jako nazwa klasy pierwszego przycisku i przypisz„przycisk" I "Button2”Jako klasy drugiego przycisku.

Html

Wyłącz zdarzenie kliknięcia za pomocą CSS

Włącz przycisk
Wyłącz przycisk

W CSS „.przycisk”Służy do dostępu do obu przycisków utworzonych w pliku HTML. Następnie ustaw styl graniczny jako „nic”I daj wyściółkę jako„25px". Następnie ustaw kolor tekstu przycisku jako „RGB (29, 6, 31)”I tło przyciskowe jako„RGB (19, 192, 163)". Ustawimy również promień przycisku jako „5px".

CSS

.przycisk
Border: Brak;
Wyściółka: 25px;
Kolor: RGB (29, 6, 31);
kolor tła: RGB (19, 192, 163);
RADIUS BERDER: 5px;

Następnie zastosujemy: aktywna pseudoklasa na obu przyciskach jako „.Przycisk: Active”I ustaw kolor przycisku jako„RGB (200, 255, 0)”:

.przycisk: Active
kolor tła: RGB (209, 65, 65);

W rezultacie zobaczysz następujący wynik:

Teraz przejdziemy do następnej części, w której wyłączymy zdarzenie kliknięcia dla drugiego przycisku.

Aby to zrobić, użyj „.Button2„Aby uzyskać dostęp do drugiego przycisku, utworzonego w pliku HTML, a następnie ustaw wartość właściwości wskaźników jako„nic”:

.Button2
Wskaźniki: Brak;

Korzystanie z właściwości wskaźników i ustawianie jej wartości na nie wyłączy zdarzenia kliknięcia, które można zobaczyć w następującym wyjściu:

Zapewniliśmy najłatwiejszą metodę wyłączenia zdarzenia kliknięcia za pomocą CSS.

Wniosek

Aby wyłączyć zdarzenie kliknięcia w HTML, „Wskaźniki„Zastosowana jest właściwość CSS. W tym celu dodaj element HTML i ustaw wartość właściwości wskaźników jako „nic„Aby wyłączyć zdarzenie kliknięcia. W tym artykule wyjaśniono, jak wyłączyć zdarzenie kliknięcia za pomocą CSS wraz z jego przykładem.