Question

我是HTML，CSS的新手，需要一些帮助。我试图在所有浏览器的输入标签内放置我的清晰图标。我使用了bootstrap glyphicon-remove类。以下是我的HTML标记

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

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

Answer 1

好吧，这是MESS，完全一塌糊涂，适用于所有三种浏览器。我尝试了很多场景，但没有任何方法适合我，要么他们正在使用chrome和IE，要么仅使用Firefox 但这里就是诀窍，我们提出了一个名为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">

可能会帮到你

HTML，CSS（输入中的跨度TAG）

1 个答案: