在 HTML5 实际应用中，发现无法给一些浏览器的 search 定义样式，如：Webkit 内核的 Chrome 浏览器。主要原因是这些浏览器默认使用了一条样式

input[type="search"] {-webkit-appearance: searchfield}

该样式使得自定义样式 height, border 等无法生效，要想使用自定义样式必先覆盖该样式

input[type='search'] {-webkit-appearance: textfield}
input[type='search']::-webkit-search-decoration {display:none}

即可，第二条样式是去掉 search 内左侧的多余空间。