input输入框在每个浏览器下的兼容性问题很常见，也很头疼，如搜索输入框、input输入框和表单中的文本混合排列等，会出现高度和不对齐的问题。今天，我将简要介绍和处理方法：
每个浏览器中input标签的默认高度和宽度：
当input标签为text时，Firefox和Safari中的默认高度为22像素(包括上下边框)，宽度为146像素(包括左右边框)，而IE中的默认高度为24像素，但宽度与Firefox和Safari一致，也为146像素。
当 当type为submit时，input标签在firefox中的高度为23像素(包括阴影)，宽度为75像素。在Safari中，高度为21像素，宽度为73像素，高度为25像素，宽度为73像素。
我们应该如何处理上述问题？以淘宝首页搜索框为例：
搜索框在不同的浏览器中表现良好，它设置了18px的高度和行高，然后设置了padding属性。
然后去掉高度和行高，通过调整padding属性可以达到效果，既减少了CSS代码，又达到了效果，两全其美。
通过以上例子，我总结了input标签处理兼容性的方法：
1、不要设置属性为text的input标签高度，这样IE浏览器下输入框中的文本就不能垂直显示在中间。虽然你后来想通过设置padding属性来让文本居中，但你会发现它无法在firefox和IE中达到一致的效果。正确的方法是直接为input标签设置padding属性，通过内部距离属性调整input标签的高度，此时IE中的文本也显示在中间。
2、input标签不会继承父元素的字体样式和大小，需要直接向input标签声明font-family和font-size属性。
3、为属性为text的input标签设置适当的width属性和padding属性，以确保文本在适当的范围内出现。特别是使用背景图片后，文字框的大小与背景图片的大小相当，使其看起来更加美观。
总结：
以上只是我对input搜索框的一些看法。至于input和文字混排，问题和这个差不多，只需要增加一个绝对的vertical-align:我就不多说midle的属性了。最后只想说:细节往往能体现你的技术含量，细节也可能导致一个项目的成败。我们不能忽视这些小问题。
