:focus-within高亮输入框前面的描述文字实例页面

展示

代码

• HTML：

  <div class="cs-normal">
      <label class="cs-label">用户名：</label><input class="cs-input">
  </div>

• CSS：

  .cs-normal:focus-within .cs-label {
      color: darkblue;
      text-shadow: 0 0 1px;
  }