使用默认值覆盖css外观值

Question

我已经将skelCSS框架集成Bootstrap到Web模板上,因为最初构建的模板中缺少一些组件skel,我别无选择.

底线..

全部selectboxes都设为

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

为了删除选择箭头并应用自定义样式.

我有一个我想要查看默认的选择,我试图覆盖appearance并将其设置回正常.

我试过了

{
  -webkit-appearance: default;
  appearance: default
}

和

{
  -webkit-appearance: initial;
  appearance: initial`
}

但它不起作用.

如何设置选择的原始外观？

Answer 1

如果你使用,你可以做到 appearance:menulist

片段:

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

<select class="reset select"></select>

在此处查看更多关于appearence以及可以使用的值的信息