Bootstrap-Button - Kein Hand-Cursor

Ich bin die Entwicklung einer MVC6-Projekt in Visual Studio 2015. Ich habe gerade Bootstrap 3.3.6 mit Laube. Auf eine sehr einfache html-Seite habe ich auf die CSS im header und Bootstrap an der Unterseite des Körpers wie folgt:

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

Definierte ich eine Schaltfläche wie folgt:

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

Wenn ich Debuggen des Projekts (IIS, IE11) wird die Schaltfläche angezeigt, und es ist ganz klar, gestylt von Bootstrap, aber es gibt keine hand-cursor.

Wenn ich den browser navigieren Sie zu einem Beispiel einer Bootstrap-Stil-Taste, zum Beispiel hier: http://www.w3schools.com/bootstrap/bootstrap_buttons.asp, der hand-cursor erscheint, wie ich es erwarten würde. Also es ist nicht mein browser Schuld.

Kann jeder jeden schlagen, warum bin ich nicht immer ein hand-cursor von einer einfachen Bootstrap-Stil-Taste bitte?

  • Überprüfen, ob es eine pointer-events: none; überall in deiner css. Wenn ja, überschreiben Sie es mit pointer-events: auto; oder wenn Sie sicher sind, dass Sie möchten, Bearbeiten Sie die bootstrap-source-Dateien, dann entfernen Sie einfach die Linie.
  • Hat meine Antwort dir geholfen? wenn ja, bitte akzeptieren Sie es, wenn nicht, anzugeben, was nicht funktioniert.
  • Es wird nichts überschreiben der pointer-events, es ist alles sehr einfach.
InformationsquelleAutor TDC | 2017-01-28
  1. 13

    Versuchen add role='button' statt. Ich habe dieses problem, obwohl die Dokumentation auf bootstrap, sagt type='button' sollte die Arbeit zu tun, aber mir nicht.

    • Es funktionierte für mich. Aber während der Arbeit in einem anderen Projekt, das ich erinnere mich, ich verwendet type='button' - und es funktionierte. Ich verstehe nicht den Grund, warum klappte es in diesem Projekt aber nicht in dieser.
    InformationsquelleAutor Hieu Chu
  2. 2

    Müssen Sie loswerden der Schaltfläche tags, und nutzen Sie einfach ancher-tags mit boostrap-Klassen. Zum Beispiel:

    statt:

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

    schreiben:

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

    Dadurch wird der HAND-CURSOR erscheint, wenn die Maus über die btn bootsrtap Klasse

    InformationsquelleAutor Diego H. O'Hagan
  3. 1

    Versuchen Sie, ein href-wie href="#" auf die Schaltfläche. 

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

    Wenn Sie beginnen, ändern von nativen element-Typen und-Rollen es gibt andere Nebenwirkungen, einschließlich, wie diese Elemente interagieren mit der Zugänglichkeit für die Nutzer. Sehen Sie diese MDN-link für details auf, dass: - Taste, Rolle

    InformationsquelleAutor DanB
  4. 0

    Ihnen fehlt das type="button".

    In der bootstrap-source-weniger-Datei gibt es mehrere css-Regeln festgelegt, die für die input[type="button"] Regel. (Überprüft für version 3.3.6)

    Könnten Sie nicht haben, um es zu verwenden, aber es war verwendet werden soll, mit type="button".

    In beiden W3School und Bootstrap-Tasten demo-Seite, die Sie mit type="button"

    Code:

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

    W3:

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

    Wenn es immer noch nicht funktioniert nach dem hinzufügen type="button" (oder submit oder reset), versuchen, auf ein element mit Inspektor und sehen, was überschreibt die "pointer: cursor" css-Regel.

    • Hinzufügen type="button" hat nicht geholfen. Der code bei w3schools oben nicht diese definition und das funktionierte gut. Trotzdem danke.
    • funktioniert immer noch nicht..
    • funktioniert nicht.." - was genau funktioniert nicht? was haben Sie versucht? wo ist dein Quellcode?
    • keine hand-cursor noch
    • erstellen Sie die Ausgabe auf der fiddle oder post neue Frage mit deinen vollständigen code
    • es war meine Schuld.. Frage mit bootstrap 3, aber ich bin mit bs4.. gerade überprüft es, sorry für das Missverständnis.. +von Ihnen positiv bewertet werden

    InformationsquelleAutor Ziv Weissman
  5. 0

    War ich auf der Suche, wie Sie für ein Weg, um dieser hand mehr,
    bis ich sah, dass die hand erscheint, sobald die form gefüllt war.
    (war mit 

    <button type="button"  >

    übrigens )

    InformationsquelleAutor user1767316
Schreibe einen Kommentar