https://i.imgur.com/gthNrqI.jpg
如图片所示
金色的区域高度是31px
但加了一个form/text后 应该是默认有border
所以高度会变33px
因此我再加一行border:none
但还是没有改变 依然高度为33px
找不到原因 可能有点新手 请见谅

padding

不要光看 Styles, 看右边的 Computed

input 选项应该有浏览器自带属性

input有自带样式，你想照你的css，要先 -webkit-appearance: none;你看你截图右下角的红框，下面的 user agent style sheet就是浏览器的默认

感谢c大 问题解决 但如果要套用整个css档都得照我css这串appearance 要输入在哪？我可以对input加 但一定要每个元素都这样加吗？

1.加在引入的reset或normalize的css中2.写一个class,然后在有需要的class引入达成模组化3.使用选择器一个一个各自写修正: 刚去看了一下 reset正常挂了已经会帮你收了所以margin padding都是0normalize还有padding 1 所以要自己收我也是新手 不知道这样有没有解到你问题 > <

我不太理解你的意思，你是要问如果要对每一个 text input都这样做要怎么写吗？1. 用 input[type=text] 去选所有的 text input或是 2. 给你要改的 input 一个 classhttps://www.w3schools.com/css/css_form.asp

box-sizing:border-box;