html – 为什么textarea高于文本输入?

html – 为什么textarea高于文本输入?,第1张

概述发现它,抱歉,更改填充并忘记更改textarea. 我的错.会删除) 我正在尝试在同一行上创建带有文本输入和textarea输入的表,但不能使textarea与文本输入的高度相同. 任何人都可以告诉我,为什么文本输入和textarea有不同的高度以及如何解决这个问题?正如您所看到的,textarea高出2px,而chrome检查员告诉我同样的情况.怎么了,怎么解决? (对不起,一个大文本,网站告诉 发现它,抱歉,更改填充并忘记更改textarea.
我的错.会删除)

我正在尝试在同一行上创建带有文本输入和textarea输入的表,但不能使textarea与文本输入的高度相同.
任何人都可以告诉我,为什么文本输入和textarea有不同的高度以及如何解决这个问题?正如您所看到的,textarea高出2px,而Chrome检查员告诉我同样的情况.怎么了,怎么解决?
(对不起,一个大文本,网站告诉我,我有“大部分代码”,并且必须添加一些细节.不知道,我还可以添加什么代码,问题很明显)))
谢谢!

div{    background: #ddd;}input#te{    position: relative;    outline:0;    border: 1px solID #a78;    padding-left: 0.5em;    padding-right: 0.5em;    margin: 0;    background: transparent;    height: 5em;    line-height: 5em;    vertical-align: mIDdle;}textarea#ta{    position: relative;    outline:0;    border: 1px solID #a78;    padding-left: 0.5em;    padding-right: 0.5em;    margin: 0;    background: transparent;    height: 5em;    vertical-align: mIDdle;    resize: none;}
<table>    <tr>        <td>            <div>                <input type=text ID="te" value="input is 2px smaller in Chrome">            </div>        </td>        <td>            <div>                <textarea ID="ta">textarea is 2px higher in Chrome</textarea>            </div>        </td>    </tr></table
解决方法 textarea填充顶部2px,

输入只有1px.

总结

以上是内存溢出为你收集整理的html – 为什么textarea高于文本输入?全部内容,希望文章能够帮你解决html – 为什么textarea高于文本输入?所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/1044584.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-24
下一篇 2022-05-24

发表评论

登录后才能评论

评论列表(0条)

保存