html input type="text" 手动输入文本光标再中间，通过粘贴输入后，光标上移字体偏上面

请问要设置什么属性，让文字与文本框上下边距一样经过一个一个测试。。发现..win7360安全浏览器6.2type=“text”没有line-height和font:16p... 请问要设置什么属性，让文字与文本框上下边距一样
经过一个一个测试。。发现 .. win7 360安全浏览器6.2 type=“text” 没有line-height 和
font:16px Arial 这样写会使粘贴后文字上移或下移..我郁闷啊展开

 我来答

1个回答

#热议# 普通体检能查出癌症吗？

百度网友9fd182d
2013-10-31 · TA获得超过359个赞

知道小有建树答主

回答量：230

采纳率：0%

帮助的人：186万

我也去答题访问个人页

关注

展开全部

input设置一下css，两个属性，height和line-height，两个属性的值要相同，就可以居中了。

更多追问追答
追问

没用 ，粘贴后 文字会上移，键盘输入又会居中
追答

亲， 上代码吧。
追问


.kw{width:300px; line-height:22px;height:22px;font:16px arial;}


追答
直接看图吧。 

具体代码如下：
<html>
    <head>
        <title>XXX</TITLE>
        <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
        <style type="text/css">
            .eg {width:200px;height:52px;line-height:52px;font-family:arial;font-size:12px;}
            .kw{width:300px; line-height:52px;height:52px;font:12px arial;}
        </style>
    </head>
    <body>
    <input type="text" value="这样就可以垂直居中" class="eg" />
    <br /><br />
    <input type=text name="inp" class="kw" value="1231321"  />
    </body>
</html>

追问

font：16px   复制里面的内容然后粘贴 ，位置就不在中间了
font：14px  正常
font：12px 正常
追答

亲， 我在IE和火狐都测试了。 都正常哦。 
不知道我测试的方法跟你说的， 是不是同样的方法哦。 




追问

360安全浏览器测试下~~..         360居中    复制粘贴后文本位置上移或下移
在ie里的位置和360的不一样~~  ie没居中     复制粘贴文本位置不变
追答

额， 哥不用360的产品， 所以暂时没办法调试了。 

还有， 以后问问题也要说清楚哦， IE哪个版本啊 ？
我这里只有IE9 ， 经测试，完全正常。 

想测试其它版本的话， 还要下软件。。比较麻烦了。。
追问
   因为我用360浏览器打开  *  百度搜索和360搜索  那个文本框 复制粘贴位置不变，我制作的文本框用360打开  粘贴后位置上移，就觉得缺什么属性




追答

亲，我没有说过底下那个是正常的。
那个内容为“1231321”的那个框是你原始的代码， 这个我没有动， 只是改了一下高度。 

此处。你使用font就会出现这个情况 。 
把这个font分开两个属性来写的话， 就不会出现这个情况。

我放在一起， 只不过是让你对比代码。 仅此而已
追问

我刚才用360浏览器 打开了微软的官方搜索框也是那样 粘贴会上飘
追答

没有用过360浏览器， 不太清楚哦。
追问

百度的搜索框 好像设置了背景图案， ==试试是不是这个问题
追答
百度使用的样式如下：
.s-skin-hasbg #kw {
    padding: 4px 9px 4px 7px;
    border: 0px none;
    background-image: none;
    height: 24px;
    line-height: 24px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
} 他用的是padding来固定上下间距。 

已赞过 已踩过<

评论收起

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

html input type="text" 手动输入文本光标再中间，通过粘贴输入后，光标上移字体偏上面

其他类似问题

为你推荐：