CSS中input标签text与button设置同样高度却等高的原因

最新推荐文章于 2022-09-12 00:02:22 发布

YeSyinnng

最新推荐文章于 2022-09-12 00:02:22 发布

阅读量1.4k

点赞数

分类专栏： c's's 文章标签： css input button text

本文链接：https://blog.csdn.net/qq_39532595/article/details/84262686

版权

以前用CSDN都是用来下载文件，浏览博客，自从入了前端的坑，发现需要学习的东西很多很多，一面学习，一面找bug，记录一下无意间发现的bug 记录一下：）（ps：博客用的很不熟练，看来要多写写）

bug如下：
在这里插入图片描述

先记录一下Quirks模式，百度了一下，有叫怪异模式，有叫兼容模式，嗯，怪异模式更加适合吧，手动再见，找了这么久的bug。

Quirks：新版本的浏览器故意模拟许多旧浏览器中的bug。嗯，简单来说，input元素属于行内块元素，在标准模式下，也就是在通用的模式下，给行内元素设置宽高，是不会生效的，而在Quirks模式下，会生效。—问题所在

input[type=text]{
	height:23px;
	width:420px;
}
/*文本框设置高度为23 按钮设置高度为23 显示出来 缺不一样高*/
input[type=button]{
	height:23px;
	width:100px;
}

在Quirks模式下

关注