How to change select icon in Bootstrap?

Question

css

Bootstrap has an arrow on the right side of the select tag. How can it be changed? For example, replace it with another picture?

Answer 1

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

And then position the desired icon as the background.