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;