HTML, CSS (Span TAG in der Eingabe)

Question

Ich bin sehr neu in HTML, CSS und brauche etwas Hilfe. Ich versuche, mein klares Symbol innerhalb des Eingabe-Tags über den gesamten Browser zu setzen. Ich habe bootstrap glyphicon-remove-Klasse verwendet. Unten ist mein HTML-Tag

<input class="abc" type="text" maxlength="6"> 
<span class = " glyphicon glyphicon-remove " ng-show="showClearItem" ng-Click = "clearStuff()" ></span> 

ich diese mit CSS beheben kann, aber wenn ich versuche, diese mit anderem Browser, geht klar Taste entfernt.

Answer 1

Nun, es war MESS, komplette Chaos, Arbeiten an allen drei Browsern. Ich habe versucht, viele Szenarien, aber nichts funktionierte für mich, entweder arbeiten sie an Chrom und IE oder Firefox allein ABER hier ist der Trick, kamen wir mit einer einfachen jQuery-Plugin aufgerufen jquery-search- plugin

hier ist das Snippet der der Browser

$(function() { 
 
    // init plugin (with callback) 
 
    $('.clearable').clearSearch({ callback: function() { console.log("cleared"); } }); 
 

 
    // update value 
 
    $('.clearable').val('').change(); 
 
    
 
    // change width 
 
    $('.clearable').width('200px').change(); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://static1.kontaktkarte.de/js/jquery.clearsearch-1.0.4.js"></script> 
 
<input class="clearable" type="text" placeholder="search">

könnten Sie für alle Arbeit helfen