 none;

    &:not(:disabled):focus-visible::before {
      background-color: green;
    }
  }

  input::before {
    content: "";
    background-color: red;
    display: inline-block;
    height: 50px;
    width: 50px;
  }
</style>
<input type="checkbox" id="target"/>
<script>
  promise_test(async t => {
    const kTab = '\uE004';
    await new test_driver.Actions()
      .keyDown(kTab)
      .keyUp(kTab)
      .send();
    assert_equals(getComputedStyle(target, "::before").backgroundColor, "rgb(0, 128, 0)"