Ändern drop-down-Symbol bootstrap

Ich bin zu wollen, um zu versuchen, ändern Sie die Standard-Pfeil auf die bootstrap-dropdown-Menü-Taste? Ist dies überhaupt möglich? Ich bin der Hoffnung, dass es so etwas wie die android-spinner-Symbol:

Ändern drop-down-Symbol bootstrap

Sonst, nur etwas von FontAwesome oder so etwas. Ich glaube nicht, jQuery verwenden möchten /ich verwenden Bootstrap-dropdowns:
http://getbootstrap.com/components/#dropdowns

Fand ich eine Menge von Fragen, die ähnlich zu dem, was ich verlange, aber das waren mehr eng mit jQuery - aber wenn eine Lösung bereits vorhanden ist, fühlen Sie sich frei, um mich zu es.

ja, Sie können. aber nicht für alle Browser.

InformationsquelleAutor jpegasus | 2015-04-02

  1. 1

    Natürlich können Sie. Ersetzen Sie einfach span mit der Klasse "caret" in etwas anderes und spielen mit css ein bisschen. Statt:

    <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-expanded="true">
Dropdown
<span class="caret"></span>
</button>

    verwenden: 

    <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-expanded="true">
Dropdown
<i class="fa fa-external-link"></i>
</button>

    JSFIDDLE

    Perfekt! Vielen Dank so viel - ich habe auch jetzt verstehen, was die Spannweite war da.

    InformationsquelleAutor Vladislav Stanic

  2. 0

    Hatte ich fast die identische Frage, aber war auf der Suche für eine Reine CSS-Lösung (bestreut mit einigen FontAwesome) gegen die .caret - Selektor. Mein Weg hantieren mit der :before pseudo-element.

    .caret {
  border: none;
}

.caret:before {
  font-family: FontAwesome;
  content: "\f019";
  position: relative;
  top: -9px;
}

    InformationsquelleAutor fusion27

Schreibe einen Kommentar