Question

需要在检查其输入时显示after元素。

我知道输入元素不接受伪元素，这是为什么我不在无线电输入上使用after元素的主要原因。

.entireLine label:after input[type="radio"]:checked{
    position: absolute;
    top: 2px;
    left: 15px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #13abe1;
    color: transparent;
    content: "";
}

<div class="entireLine">
  <label>
    <input type="radio" name="person_type" value="J" checked="checked">
  PESSOA JURÍDICA
  </label>
</div>

目标：使输入检查后显示after元素。错误：无

Answer 1

您正在尝试在选中单选按钮时设置样式，在伪元素之后不添加标签。

为此，您可以使用无线电的同级元素，并使用同级选择器选择它：radio:checked + .new-element（如果.new-element不是相邻元素，则选择~。 / p>

您的html会这样：

<label>
  <input type="radio"/>
  <span class="new-element" />
</label>

是否可以在css继承中的输入之前设置after伪元素？

1 个答案: