鍍金池/ 問答/HTML/ 偽元素定位問題

偽元素定位問題

因為重寫了radio的樣式
所以用到了偽元素 但是不知道怎么調(diào)偽元素相對位置 像讓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
編輯回答
葬愛
label {
 position: relative
}
 label::before{
  position: absolute
  top:50%;
 left:0;
 transform: translateY(-50%);
/*知道高度的話也可以 margin:負高的一般*/
}
2017年5月19日 09:58