我想在选择选项是禁用的或只是选择一个选项的情况下使用标签和跨度进行一些css样式

问题描述

我要设置label :: after的样式，并在选择其中一个选项（默认选项除外）时跨过标签内部。

      <div class="drop">
        <select name="years">
          <option disabled selected>choose one</option>
          <option>less than 2 years</option>
          <option>more than 2 but less than 5 years</option>
          <option>more than 5 but less than 10 years </option>
          <option>more than 10 years</option>
        </select>
        <label class="label">
          <span class="span">experience</span>
        </label>
      </div>

解决方法

1. 设置一个侦听器以选择更改
2. 如果选项索引！= 0继续
3. 将类选择器className添加到标签元素

将具有所需样式的.className::after和.className span选择器添加到CSS中。记得再次选择选项0时删除这些类...