title: CSS - change dropdown arrow to unicode triangle
body: <p>I've customized my <code>&lt;select&gt;</code> using like this:</p>
  
  <pre><code>background-color:#ececec;
  border:0;
  border:1px solid #e3e3e3;
  border-radius:3px;
  width:100%;
  font-family:'FuturaStdLightOblique', sans-serif;
  font-size:16px;
  color:#616263;
  outline:none;
  height: 40px;
  </code></pre>
  
  <p>But I also want to change my dropdown arrow into a look that fits this design. I would like to use the unicode triangle &#9660; (<code>&amp;#9660;</code>) as an alternative to the arrow down and if possible, set it to the same color as the texts in my select tag.</p>
  
  <p>Any ideas on how I can achieve this without using anything aside from CSS/HTML? Thanks in advance.</p>