问答详情
源自:7-3 CSS3选择器 :checked选择器

几个不理解的点,希望各位带带萌新

Box input 的CSS样式中设置了上左0px的绝对定位,去掉运行没看出变化,起到什么作用?

input按钮的默认样式为什么被覆盖掉了?没看到input在CSS里被设置border或颜色什么的。

checked自带去除默认样式的效果吗?


提问者:帅哥保护协会 2019-11-02 22:19

个回答

  • 苍澄
    2019-11-03 15:26:12
    已采纳

    更具子绝父相排版  子元素绝对定位会根据相对定位的父元素 进行自身位置的定位,left 和top都是定位input的,根据网页的排版规则,浏览器会默认从上到下 从左到右排列,代码中写的上左0px 不过就是个固定一下,去掉也无所谓 ,第二个你说的 按钮样式被覆盖掉,这代码里写的是单选按钮吧,代码里有一个opacity样式,这个是修饰元素的透明度的,你改成1,可以看见  满值为1  看不见为0,

  • 苍澄
    2019-11-03 15:47:27

    你会发现  案例里的按钮不能够点击,这时候你需要在box input 下加上z-index:20(数值根据层级来算)