通过使用initial值，我可以将元素的CSS属性设置为规范定义的初始值。
但在某些情况下，我希望将CSS属性设置为它的初始用户代理值。
例如，select元素的appearance属性根据您使用的操作系统而变化，其默认值为none，但大多数情况下，用户代理样式表会将其设置为menulist，尤其是在桌面浏览器上。
那么，如果我想将select元素设置回默认的用户代理值，我该怎么做呢？理想情况下，我可以删除覆盖它的所有规则，但这并不总是一个实用的选项（例如，在WordPress主题中，或者使用第三方库时）。
下面是一个可视化的例子：
https://jsfiddle.net/xqy6zsfk/
默认选择元素

<select id="select1">
<option>appearance: initial;</option>
<select>

<select id="select2">
<option>appearance: unset;</option>
<select>

<select id="select3">
<option>appearance: revert;</option>
<select>

<select id="select4">
<option>apperance: inherit;</option>
<select>

select
{
  display: block;
  margin-bottom: 20px;
  padding: 10px;
}

#select1
{
    -webkit-appearance: initial;
    -moz-appearance: initial;
    appearance: initial;
}

#select2
{
    -webkit-appearance: unset;
    -moz-appearance: unset;
    appearance: unset;
}

#select3
{
    -webkit-appearance: revert;
    -moz-appearance: revert;
    appearance: revert;
}

#select4
{
    -webkit-appearance: inherit;
    -moz-appearance: inherit;
    appearance: inherit;
}