jquery - 输入类型 = 搜索 - 如何获取“x”但保留我原来的输入布局

Question

可能重复：
从自动样式输入类型 = 搜索中停止 chrome

我想添加许多搜索输入框用于清除信息的小“X”，但我需要保留自己的输入背景、字体大小等。有什么建议吗？

input type"search"

完全改变了布局...

Answer 1

您可以尝试使用带有已移动到其顶部的图像的常规文本框，这样它就不会与背景图像混淆。

HTML

<div class="clearable">
  <input type="text"/>
  <img src="http://www.hanebutt.co.uk/uploads/content/close_x.gif" />
</div>

CSS

 .clearable img {position: relative; left: -20px;}

jQuery

$(document).ready(function() {
  $('.clearable img').click(function() {
    var theInput = $(this).parent().find('input');
    theInput.val("");
    theInput.focus();
  });
});

你可以在这里看到它的实际效果：http: //jsbin.com/afafet