與Twitter的引導是非常直截了當地創建一個搜索樣式輸入小部件:如何在輸入小部件中放置x以清除內容?
另外,x是可行的與Twitter的引導,但放置在這個位置的X,需要一些CSS細化和微調。
我設法讓x在那個位置,但它不是很可靠。採用響應式設計和不同的分辨率,x會完全被置換。
.filter-close {
float: none;
position: relative;
left: 5em;
top: 1.25em;
z-index: 3;
}
<form action="." method="get" class="form-search">
<a class="close filter-close" href="#">x</a>
<div class="input-append">
{{filter_form.last_name}}<button type="submit" class="btn"><i class='icon-filter'> </i></button> </div>
</form>
在試圖重新發明輪子之前,有沒有任何現有的JavaScript庫,可以在一個輸入與一個X按鈕? Chosen.js就是爲了這個目的嗎? 或者有什麼建議,我可以以更好的方式做到這一點?
非常感謝,
你嘗試過使用像素而不是EM嗎?這可能會使其立場更可靠 – MrOBrian
謝謝你的提示,我會試試這個,讓你知道。 – Houman