Wie Kann ich CSS Verwenden :nach dem Hinzufügen eines Glyphicon-Element ein Input

Ich habe eine <input> element, und ich kann nicht ändern das HTML Drum herum, aber ich möchte hinzufügen glyphicon (<i class="glyphicons glyphicons-some-icon"/>) innerhalb der it. Ich hatte gehofft, dass es mit CSS, aber ich kann nicht scheinen, um :after zu arbeiten. Ich dachte, so etwas wie die folgenden erzeugen würde, element:

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

aber es funktioniert nicht. Könnte jemand, der versteht :after besser erklären, wie ich die erzeugen kann die gewünschte <i class="glyphicons glyphicons-some-icon"/> mit :after?

Das können Sie nicht. :before und :after pseudo-Elemente eingefügt werden in das element. <input> Elemente, die keine Kindelemente haben können, und so nicht pseduo-element-Kinder, leider.
Sie finden diese, indem Sie betrachten, Bootstrap-stylesheet: stackoverflow.com/questions/19740700/...
Dies ist nicht möglich, mit reinem CSS stackoverflow.com/questions/2587669/...

InformationsquelleAutor machineghost | 2015-10-19

Schreibe einen Kommentar