无法重置CSS外观属性

Question

我正在处理的网站已删除框中的下拉箭头:

select {
      -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

我需要重新添加它,但到目前为止我没有尝试过任何工作

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
select.diff {
  /* Aswell as normal, I have also tried revert & unset */
  -webkit-appearance: normal;
  -moz-appearance: normal;
  appearance: normal;
}

<select>
  <option>Trains</option>
  <option>Planes</option>
  <option>Automobiles</option>
</select>
<select class="diff">
  <option>Oranges</option>
  <option>Pears</option>
  <option>Apple</option>
</select>

Answer 1

你需要设置为 menulist

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
select.diff {
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  appearance: menulist;
}

<select>
  <option>Trains</option>
  <option>Planes</option>
  <option>Automobiles</option>
</select>
<select class="diff">
  <option>Oranges</option>
  <option>Pears</option>
  <option>Apple</option>
</select>

检查appearance选择在这里