我有以下css和html(详细介绍了这些要点),其他样式的完整代码可以在这里找到:我有这个CSS粘贴在jsfiddle:
http://jsfiddle.net/BwhvX/上,但这足以重现问题)
CSS:
* { margin: 0px; padding: 0px; font-size: 13px; line-height: 15px; border: none; } input[type="submit"]::-moz-focus-inner { border: 0; } #search .text,#search .button { border: 1px solid red; }
HTML:
<form method="post" id="search" action=""> <p><input type="text" class="text" value="" name="suche"><input type="submit" class="button" value="Suchen"></p> </form>
这是firefox呈现的方式:
这是Chrome渲染的方式:
我希望两个表单元素在所有浏览器中具有相同的高度.看起来像一些默认样式被应用,我手动需要重置像我在这个例子中为firefox.
在chrome开发工具中,一个高度为16,一个高度为17像素,但我无法看到它的来源,它刚刚计算出来.应用样式(向我显示)是相同的.
解决方法
原文地址:https://www.jb51.cc/html/224400.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。