2017-05-07 102 views
1

我对HTML,CSS非常陌生,需要一些帮助。我试图将我的清晰图标放在所有浏览器的输入标签中。我使用了bootstrap glyphicon-remove类。下面是我的HTML标签HTML,CSS(输入内部跨度标记)

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

我可以解决这个使用CSS,但是当我尝试这与不同的浏览器,清除按钮消失。

回答

0

好吧,这是MESS,完全混乱,在所有三个浏览器上工作。我试过很多的场景,但没有工作对我来说,无论它们是单独工作在Chrome和IE或火狐这里的伎俩,我们来到了被称为jquery-search- plugin

这里简单的jQuery插件代码段,其将所有的浏览器工作

$(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">

可以帮助你