在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML/ 偽元素定位問(wèn)題

偽元素定位問(wèn)題

因?yàn)橹貙?xiě)了radio的樣式
所以用到了偽元素 但是不知道怎么調(diào)偽元素相對(duì)位置 像讓radio和label垂直居中

clipboard.png

  <input type="radio" class="weui-check" name="phone">
                <label class="text-m">17601001839</label>
input[type="radio"] + label::before {
  content: '\a0';
  display: inline-block;
  width: .8em;
  height: .8em;
  border-radius: 50%;
  line-height: .5;
  box-shadow: 0 0 0 2px #959595 inset;
  margin: 0 10px 0 5px;
}

input[type="radio"]:checked + label::before {
  box-shadow: 0 0 0 4px #a6b8c7 inset;
  z-index: 2;
}
回答
編輯回答
墨小羽
input[type="radio"] + label{
    position: relative
}
input[type="radio"] + label::before{
  position: absolute
}

不就好了

2018年7月8日 02:07
編輯回答
葬愛(ài)
label {
 position: relative
}
 label::before{
  position: absolute
  top:50%;
 left:0;
 transform: translateY(-50%);
/*知道高度的話也可以 margin:負(fù)高的一般*/
}
2017年5月19日 09:58