我刚刚注意到这种非常简单的形式的奇怪呈现。
这是我的标记/CSS:http://jsfiddle.net/a9PLM/
如您所见,文本字段和按钮具有相同的样式,但它们的大小却大不相同。
为什么会这样?
谢谢!
最佳答案
这是因为 <input type="submit">
使用的盒子模型不同和 <input type="text">
/<textarea>
.您可以通过使用 CSS 指定它们来使盒子模型相同:
box-sizing: border-box;
-moz-box-sizing: border-box;
您可以在这里阅读更多关于盒子模型的信息:http://www.quirksmode.org/css/box.html
我编辑了你的 jsFiddle 来展示它的工作:jsFiddle demo
关于html - CSS:提交按钮看起来比文本输入和文本区域小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7543247/