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.
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/...
: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