Przycisk Bootstrap - bez kursora ręcznego

Pracuję nad projektem MVC6 w Visual Studio 2015. Właśnie dodałem Bootstrap 3.3.6 za pomocą Bower. Na bardzo prostej strony html Mam odwołuje CSS w nagłówku i Bootstrap w dolnej części ciała, co następuje:Przycisk Bootstrap - bez kursora ręcznego

<link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.min.css" /> 
<script type="text/javascript" src="~/lib/bootstrap/dist/js/bootstrap.min.js"></script>

zdefiniowałem przycisk następująco:

<button class="btn btn-primary">Hello</button>

Kiedy debuger projekt (IIS, IE11) przycisk pojawia się i jest wyraźnie stylizowany przez Bootstrap, ale nie ma kursora ręki.

Jeśli korzystam z przeglądarki, aby przejść do przykładu przycisku w stylu Bootstrap, na przykład tutaj: http://www.w3schools.com/bootstrap/bootstrap_buttons.asp, kursor pojawi się tak, jak się spodziewałam. Więc to nie moja wina przeglądarki.

Czy ktoś może zasugerować, dlaczego nie otrzymuję kursora ręki od prostego przycisku w stylu Bootstrap?

Źródło

2017-01-28 TDC

Sprawdź, czy istnieje "wskaźnik zdarzeń: brak;" w dowolnym miejscu w css. Jeśli tak, zastąp go 'pointer-events: auto;' lub jeśli jesteś pewien, że chcesz edytować pliki źródłowe bootstrap, po prostu usuń ten wiersz. –

Czy moja odpowiedź ci pomogła? jeśli tak, proszę, zaakceptuj to, jeśli nie, określ, co nie działa. –

Nie ma nic, co mogłoby przesłonić zdarzenia pointeru, to wszystko jest bardzo proste. – TDC

Brakuje typ = "przycisk".

W pliku bootstrap less file istnieje kilka reguł css dla reguły input [type = "button"]. (Sprawdzono dla wersji 3.3.6)

Może nie być konieczne korzystanie z niego, ale miało być używane z typem = "przycisk".

W obu przycisków W3School i Bootstrap demo strony są one type = "przycisk" używając

Kod:

<button class="btn btn-primary">Hello</button>

W3:

<button type="button" class="btn btn-default">Default</button>

Jeśli to nadal nie działa po dodając type = "button" (lub przesłać lub zresetować), spróbuj spojrzeć na swój element z inspektorem i zobacz, co nadpisuje regułę css "wskaźnik: kursor".

Źródło

2017-01-28 19:16:22

Dodanie przycisku 'type =" "' nie pomogło. Kod w w3schools powyżej nie zawierał definicji tego typu i to działało dobrze. W każdym razie dzięki. – TDC

nadal nie działa. –

@WALLe "nadal nie działa ..." - co dokładnie nie działa? co próbowałeś? gdzie jest twój kod źródłowy? –

Spróbuj dodać zamiast tego role='button'. Miałem ten problem, mimo że dokumentacja na bootstrap mówi, że powinna wykonać pracę, ale moja nie.

Źródło

2017-06-13 15:15:20

To zadziałało dla mnie. Ale pracując w innym projekcie pamiętam, że użyłem przycisku 'type = ''' i zadziałało. Nie rozumiem powodu, dla którego zadziałało w tym projekcie, ale nie w tym. – Lokesh

Spróbuj dodać href, np. Href = "#" do przycisku.

<button class="btn btn-primary" href="#">Hello</button>

Kiedy zacząć zmieniać natywne typy i role istnieją inne skutki uboczne, takie jak te elementy interakcji z dostępnością dla użytkowników elementów. Zobacz ten link MDN, aby uzyskać szczegółowe informacje na ten temat: Button Role

Źródło

2017-11-14 14:55:12 DanB

Przycisk Bootstrap - bez kursora ręcznego

Odpowiedz

Powiązane problemy