ie、火狐、谷歌浏览器，光标定位问题

 1 IE：无论该行有没有文字，光标高度与font-size一致。
 2 
 3 FF：该行有文字时，光标高度与font-size一致。该行无文字时，光标高度与input的height一致。
 4 
 5 Chrome：该行无文字时，光标高度与line-height一致；该行有文字时，光标高度从input顶部到文字底部(这两种状况都是在有设定line-height的时候)，若是没有line-height，则是与font-size一致。
 6 
 7 
 8 解决的方案：
 9 给input的height设定一个较小的高度，而后用padding去填充，基本上能够解决全部浏览器的问题
10 
11 input{  
12 height: 16px;  
13 padding: 4px 0px;  
14 font-size: 12px;  
15 }  
16 
17 CSS能够参照以下定义，注意顺序:
18 #menu { line-height: 23px; }  /* firefox 浏览器实行这句定义 */
19 #menu { line-height: 26px\9; }/*ie6,ie7,ie8 这句定义主要尖对IE8来hack*/
20 #menu { *line-height: 23px; } /*ie6,ie7 这句定义主要尖对IE7来hack*/
21 #menu { _line-height: 23px; } /*ie6 浏览器优先实行这句定义*/ 或者写成一句
22 
23 #menu { line-height:23px; line-height: 26px\9; *line-height: 23px; _line-height:23px; } 或者
24 
25 * html #menu { line-height: 23px; } /* IE6 浏览器实行这句定义 */
26 *+html #menu { line-height: 23px; } /* IE7 浏览器实行这句定义*/ 以上的解决方案有时候很差用，能够对不一样浏览器设置不一样的line-height，就利用以上的规则.dp_search input.search_txt{height:30px;width:380px;font-size:12px;color:#cccccc;float:left;padding-left:5px;padding-right: 5px;border:3px solid #8e0000;line-height:16px;line-height:30px\9;}以上的css代码，设置line-height:30px的时候，谷歌浏览器下，光标撑大，并且输入字的同时，光标顶着输入框往下，不居中；根据以上的规则因此设置line-height:16px,但此时，火狐浏览器下正常，但ie浏览器下又不对了，输入的字体往上跑，因此根据以上规则单独给ie浏览器设置一个line-height:16px\9;