Ich denke, es wäre am einfachsten, eine .nohover -Klasse zu den gewünschten .btn -Elementen hinzuzufügen, die dieselben Stile wie eine .btn -Klasse
HTML
%Vor%CSS
%Vor% Um das zu erreichen, was Sie wollen, legen Sie Ihren Schaltflächenstil fest , etwas wie btn-default und dann Fügen Sie die active -Klasse hinzu:
Die einzige Einschränkung ist, dass die Schaltfläche immer "gedrückt" aussieht. Wenn die Schaltfläche nicht gedrückt werden soll, müssen Sie eine benutzerdefinierte Überschreibung vornehmen.
Wenn Sie Stile mit dem Attribut style festlegen, werden alle Stile aus einer CSS-Datei für die Klasse .btn überfüllt. Sie erhalten also keinen Hover-State-Stil, der in Bootstrap CSS definiert ist.
Und seit boostrap 3 müssen Sie eine css Basisklasse btn und eine Modifier Klasse btn-default oder btn-primary oder ...
versuche das:
%Vor%Sie müssen eine Überschreibung der Klasse .btn vom Bootstrap
vornehmen %Vor%Für den Cursor gibt es ein Beispiel:
Wenn Sie sass (.scss) verwenden, können Sie einfach den Stil überschreiben. Ich schlage vor, dass Sie dies in ein anderes eindeutiges div einfügen, damit Sie nicht versehentlich ALLE .btn Klassen für die zukünftige Verwendung beeinflussen.
%Vor%Tags und Links html css twitter-bootstrap