Comment puis-je Utiliser les CSS :après pour Ajouter un Glyphicon Élément à une Entrée

J'ai un <input> élément, et je ne peux pas modifier le code HTML autour d'elle, mais je veux ajouter un glyphicon (<i class="glyphicons glyphicons-some-icon"/>) à l'intérieur d'elle. J'espérais le faire avec le CSS, mais je n'arrive pas à obtenir :after de travail. J'ai pensé que quelque chose comme ce qui suit serait de générer de l'élément:

#my-input {
    content: attr(class, 'glyphicons glyphicon-some-icon'); 
    content: '<i/>'; 
}

mais il ne le fait pas. Pourrait quelqu'un qui comprenne :after mieux expliquer comment je peux générer le désiré <i class="glyphicons glyphicons-some-icon"/> à l'aide de :after?

Vous ne pouvez pas. :before et :after pseudo-éléments sont insérés à l'intérieur de l'élément. <input> éléments ne peuvent pas avoir d'enfants, et, par conséquent, ne peut pas avoir pseduo-élément d'enfants, malheureusement.
Vous pouvez trouver ces en regardant Bootstrap css: stackoverflow.com/questions/19740700/...
Ce n'est pas possible avec de la pure CSS stackoverflow.com/questions/2587669/...

OriginalL'auteur machineghost | 2015-10-19