作者MonruTsai (Frank)
看板Web_Design
標題[問題] css border:none的問題
時間Sun Feb 10 02:23:31 2019
https://i.imgur.com/gthNrqI.jpg
如圖片所示
金色的區域高度是31px
但加了一個form/text後 應該是預設有border
所以高度會變33px
因此我再加一行border:none
但還是沒有改變 依然高度為33px
找不到原因 可能有點新手 請見諒
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 49.216.199.214
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Web_Design/M.1549736614.A.39D.html
1F：→ InfinityGate: padding 02/10 03:16
2F：→ AndCycle: 不要光看 Styles, 看右邊的 Computed 02/10 03:29
3F：推 ymcheung: input 選項應該有瀏覽器自帶屬性 02/10 09:34
4F：→ cqwt: input有自帶樣式，你想照你的css，要先 -webkit-appearance 02/10 21:09
5F：→ cqwt: : none; 02/10 21:09
6F：→ cqwt: 你看你截圖右下角的紅框，下面的 user agent style sheet 02/10 21:11
7F：→ cqwt: 就是瀏覽器的預設 02/10 21:11
8F：→ MonruTsai: 感謝c大 問題解決 但如果要套用整個css檔都得照我css 02/10 22:07
9F：→ MonruTsai: 這串appearance 要輸入在哪？我可以對input加 但一定 02/10 22:07
10F：→ MonruTsai: 要每個元素都這樣加嗎？ 02/10 22:07
11F：→ orange0319: 1.加在引入的reset或normalize的css中 02/10 22:50
12F：→ orange0319: 2.寫一個class,然後在有需要的class引入達成模組化 02/10 22:51
13F：→ orange0319: 3.使用選擇器一個一個各自寫 02/10 22:51
14F：→ orange0319: 修正: 剛去看了一下 reset正常掛了已經會幫你收了 02/10 23:09
15F：→ orange0319: 所以margin padding都是0 02/10 23:10
16F：→ orange0319: normalize還有padding 1 所以要自己收 02/10 23:18
17F：→ orange0319: 我也是新手 不知道這樣有沒有解到你問題 > < 02/10 23:23
18F：→ cqwt: 我不太理解你的意思，你是要問如果要對每一個 text input 02/14 06:21
19F：→ cqwt: 都這樣做要怎麼寫嗎？ 02/14 06:21
20F：→ cqwt: 1. 用 input[type=text] 去選所有的 text input 02/14 06:22
21F：→ cqwt: 或是 2. 給你要改的 input 一個 class 02/14 06:23
23F：推 gomay520: box-sizing:border-box; 02/16 13:55