Как отменить действие -webkit-appearance: none для конкретного selecta?

Question

Есть общее css свойство, которое отменяет -webkit-appearance: none; для всех тегов, что влияет на отображение стрелочек в теге select.

Вопрос: как вернуть стрелочку в конкретном select ?

-webkit-appearance: unset; не работает...

* {
-webkit-appearance: none; 
}
.select {
-webkit-appearance: unset; 
}

<select class="select"><option>Option 1</option>
<option>Option 2</option>
<option>Option 3</option>
</select>

Answer 1

По умолчанию -webkit-appearance для select - menulist. Следовательно его и вставляйте.

* {
  -webkit-appearance: none;
}

.select {
  -webkit-appearance: menulist;
}

<select class="select">
  <option>Option 1</option>
  <option>Option 2</option>
  <option>Option 3</option>
</select>