CSS for a simple styled select element

styled_selects.css

/* this class is to apply to a span that wraps the select element */
.select-style {
  border: 1px solid #ddd;
  width: auto;
  height: 100px;
  border-radius: 3px;
  overflow: hidden;
  background: url("data:image/png;base64,R0lGODlhDwAUAIABAAAAAP///yH5BAEAAAEALAAAAAAPABQAAAIXjI+py+0Po5wH2HsXzmw//lHiSJZmUAAAOw==") no-repeat right #ddd;
}

.select-style select {
  font-size: 90%;
  padding: 5px 8px;
  width: auto;
  border: none;
  line-height: 1;
  box-shadow: none;
  background: transparent;
  background-image: none;
  -webkit-appearance: none;
  /* for FFox only */
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: '';
}

/* For IE 10 */
.select-style select::-ms-expand {
    display: none;
}

.select-style select:focus {
    outline: none;
}