css - Windows Chrome 中的字段与所有其他浏览器的高度不同,尽管没有高度设置

标签 css windows google-chrome

为实时链接道歉,但我无法在 JSFiddle 或其他人中复制它。

我仅在 Windows Chrome 中遇到输入字段高度的问题。

目前我的输入以 56 像素高输出。

然而,字体大小是16px,padding是8px,底部边框是3px 因此输入,包括边框, 应该只有 35px 但它输出的 20px 更高。

这是 Windows Chrome 上的外观:

enter image description here

这是实时链接,如果您点击“联系我们”,您会在页面底部找到表格

therightethos.francesca-designed.me

最佳答案

它的高度为 37px,由浏览器本身设置,永远不会在您的 CSS 中被否决。在高度上添加内边距和边框 (2x8 + 3),使总数达到 56px。

关于css - Windows Chrome 中的字段与所有其他浏览器的高度不同,尽管没有高度设置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32259873/

相关文章:

javascript - 如何正确使用 'a' 标签和 noscript 替代内容?

html - 选择高于 chrome 中的文本框和按钮

html - 单击以在没有 JS 的移动设备上打开和关闭 Bootstrap 汉堡菜单

c++ - 我怎么知道按下了哪个键?

javascript - 不断收到未捕获的类型错误 : Illegal invocation?

javascript - 推特 Bootstrap 模型

c++ - 在 Windows 7 上链接 .lib 文件

c++ - Windows GDI 上下文 - CreateDIBSection

javascript - 为什么异步代码在 Chrome 上的 Tampermonkey 中失败?

javascript - 弹出窗口的大小与其内容不匹配