作者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/cn.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