主页 / 问题 / 996320
Accepted
Dmitriy
Asked:2020-06-25 18:20:19 +0800 CST2020-06-25 18:20:19 +0800 CST

如何设置外部伪标签的样式

  • 772

有一个代码

<div class="switcher">

<label data-bx-user-consent="<?=htmlspecialcharsbx($config)?>" class="main-user-consent-request">
    <input type="checkbox" value="Y" <?=($arParams['IS_CHECKED'] ? 'checked' : '')?> name="<?=htmlspecialcharsbx($arParams['INPUT_NAME'])?>">
    <span class="main-user-consent-request-announce"><?=htmlspecialcharsbx($arResult['INPUT_LABEL'])?></span>
</label>
</div>

如何为label::after条件写 css 什么input - checked？

这就是我想要的，但它不起作用

    .switcher label::after + input[type=checkbox]:checked
    {
        left: 2.5rem; 
    }
css

1 个回答

  1. Best Answer

    这不适用于伪元素。创建一个元素。

    label{
  display:inline-block;
}
.aws{
  content:'';
  display:inline-block;
  width:1em;
  height:1em;
  border:1px solid;
}
input:checked ~ .aws{
  background-color:red;
}
    <label>
  <input type="checkbox" />
  <span>ololo</span>
  <span class="aws"></span>
</label>

    • 2

相关问题