Generated by SassMeister.com.

SassMeister-input-HTML.html

<!--
http://jsfiddle.net/sucrenoir/yHR53/5/
-->
<select id="" name="">
  <option value="">Select a Type</option>
  <option value="1">Thing</option>
  <option value="2">Stuff</option>
</select>

SassMeister-input.scss

// ----
// Sass (v3.3.4)
// Compass (v1.0.0.alpha.18)
// ----

@import "compass";

select {
  background: #fff;
  border: 1px solid #dadada;
  display: block;
  margin-bottom: 0.5em;
  padding: 0.4em;
  width: 200px;
  @include border-radius(3px);
  -webkit-appearance: none;
  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='50px' height='50px'><polyline points='46.139,15.518 25.166,36.49 4.193,15.519'/></svg>") right no-repeat;
  background-transparency: 0.5;
  background-position: right 0.5em top 0.5em;
  background-size: 1em 1em;
}
select:focus {
  border: 1px solid darken(#dadada, 5%);
  outline: 0;
}

SassMeister-output.css

select {
  background: #fff;
  border: 1px solid #dadada;
  display: block;
  margin-bottom: 0.5em;
  padding: 0.4em;
  width: 200px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-appearance: none;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='50px' height='50px'><polyline points='46.139,15.518 25.166,36.49 4.193,15.519'/></svg>") right no-repeat;
  background-transparency: 0.5;
  background-position: right 0.5em top 0.5em;
  background-size: 1em 1em;
}

select:focus {
  border: 1px solid #cdcdcd;
  outline: 0;
}

SassMeister-rendered.html

<!--
http://jsfiddle.net/sucrenoir/yHR53/5/
-->
<select id="" name="">
  <option value="">Select a Type</option>
  <option value="1">Thing</option>
  <option value="2">Stuff</option>
</select>