IE文本框文字居中

最新推荐文章于 2021-02-26 21:36:44 发布

xueerfei

最新推荐文章于 2021-02-26 21:36:44 发布

阅读量3.2k

点赞数

分类专栏： HTML 文章标签： HTML input 文字居中

本文链接：https://blog.csdn.net/xueerfei008/article/details/37513101

版权

HTML 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

参考：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>