IE文本框文字居中

来源：互联网发布：逆战最新源码编辑：程序博客网时间：2024/04/30 06:20

参考：http://bbs.blueidea.com/thread-3033907-1-1.html

代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>input测试</title><style type="text/css">/*reset.css*/body{width:960px;margin:10px auto;padding:0;font:12px/1.5 Arial, Helvetica, sans-serif;}input { padding:0; }/***---测试高度解析，文本居中差异以及提示输入线差异---***/.gb_sear input { font:16px "宋体", arial; /*font:16px arial;*/ height:28px; line-height:28px\9; _line-height:29px; width:14em; padding-left:4px; border:1px solid #ace; overflow:hidden; outline:none; }.gb_sear label { display:inline-block; position:relative; top:2px; *top:-4px;}</style></head><body><div class="test">  <h1>input文本居中测试</h1>  <div class="gb_sear">    <label for="search">请输入搜索关键字:</label>    <input type="text" id="search"/>  </div></div></body></html>

0 0

IE文本框 文字居中

IE文本框文字居中