2, #test2::picker(select) {
    appearance: base-select;
  }
  #test2.controlswitch:open {
    appearance: auto;
  }
  #test2.pickerswitch:open::picker(select) {
    appearance: auto;
  }
  </style>

<script>
const select2 = document.querySelector('select#test2');
const secondOption = select2.querySelector('option:nth-of-type(2)');

promise_test(async (t) => {
  assert_false(select2.matches(':open'),'setup');
  assert_equals(select2.value,'option one');
  assert_equals(getComputedStyle(select2).appearance,'