我有以下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:
这是firefox呈现的方式:
这是Chrome渲染的方式:
我希望两个表单元素在所有浏览器中具有相同的高度.看起来像一些默认样式被应用,我手动需要重置像我在这个例子中为firefox.
在chrome开发工具中,一个高度为16,一个高度为17像素,但我无法看到它的来源,它刚刚计算出来.应用样式(向我显示)是相同的.