[bootstrap] Ajouter un glyphicons à un bouton

Bonjour à tous
Je recherche à ajouter un glyphicons de bootstrap à un bouton.

J'ai essayer ceci sur un bouton d'id "abc":

button#abc::before {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e174";
}

Cela affiche le glyphicons avant le bouton....
Manque de chance, cela ne fonctionne pas avec ::first-letter

Si quelqu'un serai me dire comment faire pour avoir des boutons avec glyphicons suivit du texte sans utilisation de <span class="glyphicons glyphicons-globe"></span> car je ne peut pas modifier le code du bouton qui est généré par le form builder de symphony...


Merci d'avance pour vos conseil

c'est car un glyphicons étant en effet qu'un caractère de police spécial, je me suis dit "pourquoi pas essayer de forcer le premier caractère via ::first-letter + content"...

Bonjour,

Quel est la structure du code du bouton avant et après génération ?