Modern browser compatible select styling with bootstrap 3

select.scss

select.form-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #fff;
  background-image: url("select.png");
  background-repeat: no-repeat;
  background-position: right center;
  padding-right: 30px;

  &:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #555;
  }

  &:-moz-focusring * {
    color: #555;
    text-shadow: none;
  }

  &::-ms-expand {
    display: none;
  }
}

@media (min--moz-device-pixel-ratio: 1.3),
       (-o-min-device-pixel-ratio: 2.6/2),
       (-webkit-min-device-pixel-ratio: 1.3),
       (min-device-pixel-ratio: 1.3),
       (min-resolution: 1.3dppx) {

  select.form-control {
    background-image: image-url("select@2x.png");
    background-size: auto 34px;
  }
}