CSS für den "Abwärtspfeil" in einem <select>-Element?

Question

Ist es möglich, den Abwärtspfeil auf einem Dropdown-Auswahlelement zu stilisieren, d.h. ( <select><option>--></option></select> )

Ich vermute, dass die Antwort aufgrund der Art und Weise, wie der IE dieses spezielle Element behandelt, nein lautet. Wenn es keine Möglichkeit gibt, kennt jemand eine "gefälschte" Dropdown-Box mit JavaScript, die dieses Verhalten imitieren würde, aber mir die Möglichkeit zur Anpassung geben?

Answer 1

http://jsfiddle.net/u3cybk2q/2/ Prüfung auf Windows, iOS und Android (iexplorer patch)

.styled-select select {
   background: transparent;
   width: 240px;
   padding: 5px;
   font-size: 16px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 34px;
   -webkit-appearance: none;
}
.styled-select {
   width: 240px;
   height: 34px;
   overflow: visible;
   background: url(http://nightly.enyojs.com/latest/lib/moonstone/dist/moonstone/images/caret-black-small-down-icon.png) no-repeat right #FFF;
   border: 1px solid #ccc;
}
.styled-select select::-ms-expand {
    display: none; /*patch iexplorer*/
}

  <div class="styled-select">
       <select>
          <option>Here is the first option</option>
          <option>The second option</option>
       </select>
    </div>