[問題] css border:none的問題

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