首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Internet Explorer为什么呈现不同的输入?

Internet Explorer为什么呈现不同的输入?
EN

Stack Overflow用户
提问于 2014-07-30 12:13:54
回答 1查看 480关注 0票数 0

谁能解释一下,为什么<input><a>在Internet 9-11中有不同的高度(同时具有相同的字体、填充、边距和边框设置)?Firefox和Chrome渲染它们的高度相同。

下面是一个例子:

HTML

代码语言:javascript
运行
复制
<input class="text" value="input"/>
<a class="text">button</a>

CSS

代码语言:javascript
运行
复制
.text {
    font-family: 'Arial';
    padding: 7px;
    font-size: 12px;
    line-height: 1.4em;
    border: 1px solid black;
    display: block;
    float: left;
    width: 100px;
    margin: 0;
}

小提琴

在IE中有什么方法可以防止这样的行为吗?提前谢谢你。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-07-30 12:18:01

有一个类似的问题,这个问题已经得到了许多答案和18000的意见。我想你在那里也会找到解决办法的。

CSS -完全相同的高度和对齐按钮和输入文本框。

另外,你可以试着给他们两个人一个高度: XYpx,这样你就可以确保他们总是有相同的高度。我想给他们一个高度也会对你以后的造型更好。

我还发现了一个关于如何在不同浏览器中控制高度的问题。

如何在不同的浏览器中控制文本输入和提交输入按钮的高度?

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/25036557

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档